I’d like to place a notification bar at the top of my website with a statement and link to an internal page on my site. I know there is some way to do this in Enfold but can’t seem to find out where it’s located. I’d also like to be able to hide the notification on certain pages. Can you help me?
Hey phausner,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
Hi,
Thanks for that. You can activate the bar under Enfold->Header->Extra Elements. You can add your text in the phone number field for example, but it doesn’t have conditional logic, so your would have to hide it using CSS on a per page basis. For example:
<span class="extra">this is your content</span>
In Quick CSS:
.page-id-of-your-page span.extra {
display: none;
}
Then replace page-id-of-your-page in the code above with the page ID class of the page where you want to hide the text on.
Best regards,
Rikard
That’s great! I knew it was a simple setting but couldn’t find it. Duh!
How could I change the color for the background, text, and link of just that top extra area (without affecting other areas of the website)?
Hi,
Please try this in Quick CSS to change the background and colour of the text:
#header_meta {
background-color: red;
}
#header_meta .phone-info span, #header_meta .phone-info a {
color: yellow;
}
Best regards,
Rikard
Thank you so much!!!
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
You’ve been a tremendous help. Thank you. We can close.
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon