Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Anyone know of a custom CSS setting to accomplish this? I've tried all of the following in a dozen combinations and variations:
div.header {
border-bottom: 1px solid black;
}
.masthead {
border-bottom: 1px solid black;
}
.masthead a {
border-bottom: 1px solid #66666;
}
etc.
Using element inspector on the page seems to suggest the selector I'm looking for is either .masthead or maybe .header.
I'm using an identity plate for the header if that makes a difference. I've also tried fiddling with code in the phpplugins sections pertaining to ttg_header_bottom and ttg_masthead_top. My clever axemanship in those sections have only produced some interestingly mangled pages.
Headscratchin.
Mark
Offline
It might depend on where you've placed the masthead. On my test site
.masthead {
border-bottom: 1px solid black;
}
works just fine.
A link to your site would help.
is your page using the custom css file that you're editing?
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline
Hi Rod. Yes my page is using the custom css without issue. I'm using it to put a color gradient on the page, an affiliate listing in the footer and a couple other odds and ends. I tried the code you provided in your response but that doesn't seem to do it. Site is at http://photophart.com Click on any page but the home page as the image show there hides the bottom of the header.
Mark
Offline
You've got some in valid css in your custom css file. Any code coming after it won't work.
/*page-body color gradient
=====================================*/
.page__body > main {
background-color: rgb(229, 169, 30);
/*background-image: linear-gradient(90deg, #FFCD57 ,#FCDC9B 20%);
background-attachment: fixed;
background-repeat: no-repeat;
}*/the selector .page__body > main { opens but you've got a comment right after the selector that encloses the closing curly brace. This messes up all css that follows.
Either remove the comment markers (/*....*/) or comment out the rule correctly.
Rod
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site
Offline