Community Forums › Forums › Archived Forums › General Discussion › Infinity Pro Help – Before header text using simple hooks, CSS styling
- This topic has 9 replies, 3 voices, and was last updated 6 years, 5 months ago by
mike.
-
AuthorPosts
-
April 17, 2017 at 6:50 pm #204902
mike
ParticipantHave 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 Font
Moderatorstyle-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.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?April 18, 2017 at 6:57 am #204936mike
ParticipantThanks 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 Font
ModeratorI'm still not seeing the changes on your site. Are you using a caching plugin or server cache?
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?April 18, 2017 at 9:05 am #204945mike
ParticipantThanks 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 #204949mike
ParticipantI 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 Chai
MemberAs an alternative consider this plugin (free). You would have to make some small design changes but I think it would give you what you want over-all.
Blox Lite for Genesis
Marketing, Sales and WordPress Growth Hacking http://www.smbpress.com
April 18, 2017 at 7:14 pm #204964mike
ParticipantThank 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 #204984mike
ParticipantDidn'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 #205018mike
ParticipantIs 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-
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.