April 17, 2017 at 6:50 pm #204902
Have been reading a few tutorials on adding before header either through functions.php or using the Genesis simple hooks plugin. I followed this nice tutorial but unfortunately can't get the font styling to match the rest of the site.
All I am doing is adding some centered text and then want to match the same font that is currently in the nav menu.
I'm using the Infinity Pro template. I can't get the text to style and wondered if I needed to be editing the style-front.css instead of the style.css in the editor? If anyone has had luck with a before header bar with this template, any tips and tricks would be appreciated.http://bp.reteachmedia.comApril 18, 2017 at 5:41 am #204928Victor FontModerator
style-front.css is only for the front page widgetized areas. If you want to style a widget area that appears site-wide as before-header does, then use style.css.
When using Genesis Simple Hooks to add content to the before header area, make sure you are adding fully formatted HTML with classes assigned to the div elements. The plugin is only sending your raw content. You assign the font-family to classes.
I checked your site and you're not displaying any content in the before header area at present. It would help if you displayed the content you want so we can see what's going on with your site.
April 18, 2017 at 6:57 am #204936
Thanks Victor, I placed it again on the site so you can see with conditional tag of home page only. I took code from nav menu section and was able to match the font and color desired and to get it centered. Based on what I see now, here is what I am trying to accomplish:
1) Remove some of the spacing between this text and header. Just needs to float on top with a small amount of padding.
2) This created a new problem as you scroll, the header now does not remain fixed at the very top of the page, it's a little lower as you scroll down and is not desirable.
Thanks for any help you can provide.April 18, 2017 at 8:11 am #204939Victor FontModeratorApril 18, 2017 at 9:05 am #204945
Thanks Victor. I do not have any caching plugins installed. I checked my own hosting cpanel and do not see anything server-side but will reach out to them as well. Seeing the changes on multiple networks and devices here. Thank you.April 18, 2017 at 9:39 am #204949
I had to do some digging, but did find some cache tools from host, they just don't advertise it or make it simple to see within their own tools. I had to do so within the wp-content folder, but have taken care of those, so you should see it now. Thanks again for your help.April 18, 2017 at 2:49 pm #204956James ChaiMemberApril 18, 2017 at 7:14 pm #204964
Thank you jchai. Looks like a promising plugin. I am first going to try and move the position of the content beneath the header how I currently have it and see if that happens to resolve the placement of the header. If I can't get it like I want, I will check out blox lite as an alternative.April 19, 2017 at 6:10 am #204984
Didn't have much luck putting it underneath instead. Trying to reduce space in between the new text inserted and nav menu and then getting the nav menu to stick to the very top when scrolling.April 19, 2017 at 2:46 pm #205018
Is it possible to have the text I added in the before_header section as showing, but then as you scroll for the nav menu to remain at the very top of the page? In adding this text, it pushes the nav menu down into this undesirable fixed position leaving a gap at the top as you scroll. Also trying to remove such some of the gap between the two areas, really want that top line to rest with minimal gap.
Thanks for any help or ideas-
- The forum ‘General Discussion’ is closed to new topics and replies.