Hi,
As we have made a grid layout as seen on this page, but also have regular looking pages such as our frontpage we have run into a problem.
What I need is a CSS code, to remove the grid line color from 3 specific pages (listed below) – the pages are as follows:
I tried to write the CSS code myself, but did not suceed – the 2 pictures below just show what I tried to do, to remove the gray grid line color from the 3 pages above:
Can you help me with some CSS for those 3 specific pages (I suppose the CSS code is just to be inserted on each specific page) :-)? Thank you very much!
Hi,
The grid is part of the layout and if you remove it the layout may break. A solution may be to use custom css to change it’s color to match the one set on the background. I’ve tried to check your pages but i get this error – http://screencast.com/t/KDwXSJti
Let me know when the server is back and i’ll check those pages to see if there’s an easy solution.
Thank you!
It’s live now. Please try again 🙂
I wrote this CSS code:
.td-container-border:after, .td-next-prev-separator {
background-color: #293e6a;
}
And it changed the right line to the background color (which is what we are looking for)
However, I could not inspect the bottom border, to make any CSS for that – does this look right?
Update
For this page I have made the following CSS – and it did the trick. However, I’m not sure it’s the most efficient way to style the bottom border, so if you can take a look, and perhaps suggest a better CSS for the bottom border :-)?
I have only inserted the CSS code for the page linked to above.
———–
CSS
———–
.td-container-border:after, .td-next-prev-separator {
background-color: #293e6a;
}
.td-pb-row [class*=”td-pb-span”], .td-pb-border-top, .page-template-page-title-sidebar-php .td-page-content > .wpb_row:first-child, .td-post-sharing, .td-post-content, .td-post-next-prev, .author-box-wrap, .td-comments-title-wrap, .comment-list, .comment-respond, .td-post-template-5 header, .td-container, .wpb_content_element, .wpb_column, .wpb_row, .white-menu .td-header-style-1 .td-header-main-menu, .white-menu .td-header-style-2 .td-header-main-menu, .white-menu .td-header-style-3 .td-header-main-menu, .white-menu .td-header-style-4 .td-header-main-menu, .white-menu .td-header-style-5 .td-header-main-menu, .white-menu .td-header-style-6 .td-header-main-menu, .white-menu .td-header-style-7 .td-header-main-menu, .white-menu .td-header-style-8 .td-header-main-menu, .white-menu .td-header-style-9 .td-header-main-menu, .td-header-style-6 .td-header-container, .td-post-template-1 .td-post-content, .td-post-template-4 .td-post-sharing-top, .td-header-style-6 .td-header-header .td-make-full, #disqus_thread {
border-color: #293e6a;
}
Hi
I thing you can replace this css http://screencast.com/t/S6nDQTNLv with this one:
.td-pb-row [class*="td-pb-span"]{
border-color: #293e6a;
}
Let me know how it goes.
Thanks!
