Extend header across screen/remove vertical dashed line/change youtube video dim

Home Forums WordPress Theme Monolit – Responsive Architecture WordPress Theme Extend header across screen/remove vertical dashed line/change youtube video dim

This topic contains 25 replies, has 2 voices, and was last updated by  CTHthemes 3 days, 7 hours ago.

Viewing 25 posts - 1 through 25 (of 26 total)
  • Author
    Posts
  • #15603

    RyanFord15
    Participant

    Supported

    Hello,

    I have 3 questions,

    1. Can you please tell me how to extend the header horizontally across the entire screen?\

    2. How do I remove the Vertical dashed line running down the left hand side of the screen.

    3. How do I change the dimensions of the youtube video so that it fully fills the screen like how the Youtube video page demo does. Can this be done in wordpress settings? or does the video have to be in the right dimensions already?

    PLEASE can you explain it in a simple way step-by-step as i am new at all of this.

    Please find images attached.

    Attachments:
    You must be logged in to view attached files.
    #15621

    CTHthemes
    Keymaster

    1, you can use navigation width option bellow the page editor. Or use this style to make it fullwidth on all pages:

    
    header.monolit-header {
         width: 100%;
    }
    

    2, Use this style

    
    .content:before {
        display:none;
    }
    

    3. send me the page link to check.

    #15625

    RyanFord15
    Participant

    Supported

    Hey thanks for you reply.

    1. My webpage is here: http://objectorigin.com/ (You can also see the Youtube video name show up at the top right when you scroll up quickly to the top of the page.)

    I want the video to fill up the whole screen space so the only black you see is the header.

    Here is the youtube video. https://www.youtube.com/watch?v=60rm77uup4k

    2. also, how do i change the height of the pages below the youtube video? when you click the button on top of the youtube video and it scrolls down. I want to be able to either fill the white section to the whole screen or fit both the white and black section below to fit the screen.

    Please see the images below.

    Attachments:
    You must be logged in to view attached files.
    #15629

    CTHthemes
    Keymaster

    1, Try this code

    
    .media-container {
       height: 130%;
       top: -15%;
    }
    

    2, you can add full-height to Extra Class field on the row element

    #15631

    RyanFord15
    Participant

    Supported

    Using the code:

    .media-container {
    height: 130%;
    top: -15%;
    }

    This code is just moving the video height upwards but in doing so it is not revealing the black underneath. Also you can now see the Youtube logo at the bottom. Please refer to the image attached. Is there a way to scale the video itself so that it fills the window? It will crop out some of the width but that is ok with me.

    Attachments:
    You must be logged in to view attached files.
    #15634

    RyanFord15
    Participant

    Supported

    Also, Sorry to bombard you with issues but, the button on the youtube homepage has stopped working. how do i get it to scroll down again when pressed? Where do I find that setting?

    Attachments:
    You must be logged in to view attached files.
    #15656

    CTHthemes
    Keymaster

    Hi, please try this instead

    – edit theme scripts.js file to change fitToBackground option to false: http://prntscr.com/gkgq1y

    – use this style to increase video width and height:

    
    .media-container {
      height: 130%;
      top: -15%;
      width: 120%;
      left: -10%;
    }
    
    #15679

    RyanFord15
    Participant

    Supported

    Hey,

    Sorry, like I said earlier I am a real novice at all of this. Can you please tell me how I get to the scripts.js location and where I need to paste the code below?
    .media-container {
    height: 130%;
    top: -15%;
    width: 120%;
    left: -10%;
    }

    #15688

    CTHthemes
    Keymaster

    1, you can use FTP app or cPanel to access and edit the scripts.js file

    2, add the style to Monolit Options menu -> Custom Code tab -> CSS Code – Large Desktop View editor.

    #15694

    RyanFord15
    Participant

    Supported

    Hey thanks for your response.

    That has not resolved the issue im sorry.
    I have attached some imagery showing the changes I made in the scripts.js and the code i added in the custom code on monolit options and the result on the home page.

    Can you please tell me how to get the video to fit the screen so there is no black bar along the bottom.?

    Attachments:
    You must be logged in to view attached files.
    #15714

    CTHthemes
    Keymaster

    Ok, send me your wp-admin + ftp accounts to check.

    Thanks.

    #15732

    RyanFord15
    Participant

    Supported

    Ok thanks,

    How can I email you privately with my details?

    What exactly do you need from me? My wordpress login and password and what do you need for the ftp accounts?

    #15748

    CTHthemes
    Keymaster
    This reply has been marked as private.
    #15757

    RyanFord15
    Participant

    Supported
    This reply has been marked as private.
    #15774

    CTHthemes
    Keymaster

    The video display fully with this code: http://prntscr.com/glcmui
    You can delete browser cache then check.

    #15811

    RyanFord15
    Participant

    Supported

    hey,

    i dont know what you did but the site is now much worse. How can I fix this and fix my original issue..?
    objectorigin.com

    Please explain in detail…

    Attachments:
    You must be logged in to view attached files.
    #15813

    RyanFord15
    Participant

    Supported

    So i can only imagine the issue is with something that was done on the Cpanel… I have tried to revert back to previous states but am getting the same effect. can you please tell me how to revert all of this and get back to where I was before?

    I need this resolved urgently.

    #15825

    CTHthemes
    Keymaster

    Hi, I didn’t do any modify except change the code from Monolit Options ( which doesn’t effect to the site layout)

    Please try to remember what did you do before get the issue.

    #15831

    RyanFord15
    Participant

    Supported

    Well I have had to reset my page because I have no idea what happened and dont know how to fix it.

    I have gone back through and redone everything you have told me to do in the past but the Youtube video is still not filling the region i want it to…

    The 2 red bars represent where I want the video to fill. Does the fact that the YouTube video already has a black bar above and below it have anything to do with it?

    please find the image and let me know how to resolve this.

    thanks

    Attachments:
    You must be logged in to view attached files.
    #15848

    RyanFord15
    Participant

    Supported

    Hello,
    Can you please tell me how to remove the vertical dashed line on the footer?
    I tried to use this code
    .content:before {
    display:none;
    }
    the same way that I used it to remove it from the main part of the page but it did not work.

    Attachments:
    You must be logged in to view attached files.
    #15861

    CTHthemes
    Keymaster

    #1, try this code:

    
    .media-container {
      height: 140%;
      top: -20%;
      width: 130%;
      left: -15%;
    }
    

    https://prnt.sc/glcmui

    #2 –

    
    .content-footer:before {
       display:none;
    }
    
    #15867

    RyanFord15
    Participant

    Supported

    hello,
    Thanks,

    1. Can you tell me how to change the size of my footer logo.

    2. Can you tell me how to remove the vertical dashed line to the left of the page?

    3. Can you tell me how to change the font AND the height of the text “Experience design”.

    Please refer to the images to help better understand.

    Thanks!

    Attachments:
    You must be logged in to view attached files.
    #15885

    CTHthemes
    Keymaster

    Use this style:

    
    .footer-logo img {
      max-width: 100px;
      height: auto;
    }
    .content-footer:before {
      display: none;
    }
    .footer-logo h2 {
       font-size: 32px;
    }
    
    #15889

    RyanFord15
    Participant

    Supported

    I want to change the Font and position of the footer text below the footer logo. not the font-size.

    Can you tell me how to change the font and position?

    I want to center the text to the logo. please find the image

    • This reply was modified 4 days ago by  RyanFord15.
    Attachments:
    You must be logged in to view attached files.
    #15901

    RyanFord15
    Participant

    Supported

    Hello,

    I have tried to change the colour of the footer but it does not seem to change to the correct “black”

    You can see in the image the logos background has the colour value #020202 but when I change the colour to the same under “Content Footer Background Color” nothing changes…

    can you please tell me how to fix this? Is there a filter or opacity?

    Attachments:
    You must be logged in to view attached files.
Viewing 25 posts - 1 through 25 (of 26 total)

You must be logged in to reply to this topic.