
-
AuthorPosts
-
June 1, 2018 at 4:41 pm #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
June 2, 2018 at 10:26 am #965747Hey 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,
VinayJune 2, 2018 at 10:31 am #965750Hi Vinay
Thanks for looking at this. I’ve provided an updated password – hope it works.
Thanks
H
June 2, 2018 at 11:15 am #965764Hi,
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,
VinayJune 2, 2018 at 11:44 am #965785Hey 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
June 2, 2018 at 12:25 pm #965826Hi,
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,
VinayJune 2, 2018 at 12:42 pm #965836Vijay – 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
June 2, 2018 at 3:22 pm #965882Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.