Hi.
I’m struggling with two issues pertaining the top menu and the footer.
1. In a recent entry in this forum (see https://forum.tagdiv.com/topic/logo-sizeresolution-and-top-bar-bottom-border/) I asked the Support Team to help with displaying a 1px bottom border in the top menu of my site (site URL is http://www.psl.ucr.ac.cr). They came up with this code that worked very well for a while:
.td-header-wrap .td-header-top-menu-full{
border-bottom: 1px solid black;
}
Recently you released an update for Newspaper (version 7.6), which I installed successfully. The thing is that my top menu bottom border has disappeared since I updated the theme. I’ve noticed through Chrome’s developer panel the there is a none bottom border property for the top menu now, which I’m unable to modify from the Custom Code section in the Newspaper Theme Panel (see this screenshot: https://www.screencast.com/t/FpjgmqeCXnA7). I’m trying this code in the Custom Code section, but it doesn’t seem to work:
.td-header-wrap .td-header-top-menu-full .td-header-top-menu, .td-header-wrap .td-header-top-menu-full{
border-bottom: 1px solid #2a3657;
}
Could you please help with some correct code to display the bottom border in the top menu again?
2. I’m also trying to center some of the content in my footer. I’m using Style 8 for the footer, which divides the footer into two one-colum rows, the top row being empty so one can add some custom content. There I’ve added some basic text with links. All I need is to center at the middle of the page the text in that first row of my footer (see this screenshot: http://www.screencast.com/t/F21yp2mgdA). Could you please provide the right code needed to achieve that? I’ve tried some options, but they don’t seem to work.
I hope this is not too much to ask. Thanks a lot in advance.
Cheers!
Fidel
Hello,
1. The border none property you have on your menu seem to come from your end, not the theme. A css that comes from the theme will say it comes from style.css next to it. The border none you exemplify comes from your end as it says index next to it like so: http://screencast.com/t/inmJdte7vT
And you already have a border rewrite below that code but it gets rewritten by the border none. You should use !important in your code to make sure it does not get rewritten by a more powerfull css selector. Try to use this code:
.td-header-wrap .td-header-top-menu-full .td-header-top-menu, .td-header-wrap .td-header-top-menu-full{
border-bottom: 1px solid #2a3657!important;
}
Remove your previous one, do not use duplicate css codes.
2. This ios done fairly simple using this code:
.td-footer-wrapper .td_block_text_with_title{
text-align:center!important;
}I hope this helps.
Thanks
Hey Bogdan!
Good job! This works fairly nice. Just one detail: for some reason the top menu bottom border is kind of “repeating itself” somehow, producing a thicker border that runs through the section containing the menu (see this screenshot: https://www.screencast.com/t/lWNH6P7eVZP). Any ideas on what´s causing that double border and how to make a plain 1px-only bottom border?
Thanks a lot again!
Fidel
Hi,
Try to use only 1 selector for the menu like so:
.td-header-top-menu-full{
border-bottom: 1px solid #2a3657!important;
}
Change your cod and remove the other selectors. Remove any other border code and use this one.
Thank you!
Well, that did it! Thanks so, so much! Great support Bogdan!
Cheers,
Fidel
