Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #965450

    I’ve tried to follow the guidance in the below documentation on how to adjust the width of a grid row.

    I’ve used a custom ID of grid-width-custom and css of

    #grid-width-custom{
    max-width: 860px; !important
    margin: 0 auto;
    }

    But the grid row still fills the window. Please can you advice me what to do.

    Thanks

    Huw

    #965747

    Hey ehdavies,

    I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?

    The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.

    I have added the grid row shortcode and necessary CSS to the documentation https://kriesi.at/documentation/enfold/grid-row/#grid-row-width

    Please copy and save the code to view the result.

    Best regards,
    Vinay

    #965750

    Hi Vinay

    Thanks for looking at this. I’ve provided an updated password – hope it works.

    Thanks

    H

    #965764

    Hi,

    Please try the code as mentioned in the documentation it will work for you :)
    I have added the shotrcode and CSS to your site please review the link in private.

    Best regards,
    Vinay

    #965785

    Hey Vinay

    That’s great – many thanks. The only thing I need to tweak is the blue background colour either side of the grid row, which is inherited from the header background colour. How do I change that please?

    Thanks again

    Huw

    #965826

    Hi,

    To change the content background color I have added this code to the Quick CSS section under Enfold > General Styling :

    CSS Snippet:

    
    /* CSS - content background color */
    
    #top #main {
        background-color: #FFF;
    }
    
    /* End CSS */
    
    

    Best regards,
    Vinay

    #965836

    Vijay – excellent thanks. Sorry to be a pain. Is there any way to have the grid lines to the left of the left grid cell and right of the right grid cell?

    Thanks

    Huw

    #965882

    Hi,

    Thank you for the kind words and my name is Vinay :)
    Not at all please feel free to ask as many questions as you like we are happy to help you!

    I have added the below CSS in Quick CSS and assigned border-left and border-right class to the grid cells.

    /* Grid Borders */
    #top .border-left{
    border-left:2px solid #000000!important;
    }
    
    #top .border-right {
    border-right:2px solid #000000!important;
    }
    
    @media only screen and (max-width: 767px) {
    .border-left,
    .border-right {
    border:none!important;
    }}

    Best regards,
    Vinay

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.