- This topic has 9 replies, 3 voices, and was last updated 1 year, 6 months ago by David.
December 22, 2020 at 6:59 am #1590786unoaime
I’m using the “Service” theme. On the homepage i was able to do it by using the spacing feature and doing “margin-top: 100px”. On the other pages though it seems a lot more complicated to get the correct styling due to the page-header element.
I could probably create an individual hero for each page but it would become tedious doing it for every new one so would somehow like it to work in the element.
I fiddled around earlier and managed to get it placed right but it would appear on top of the logo and navigation, obscuring them.
Any ideas?December 22, 2020 at 8:07 am #1590868unoaime
I’ve just edited to include the website url. What I have on the homepage I’d like to be consistent throughout but having some real trouble getting the page header element to behave how i’d like.December 22, 2020 at 8:17 am #1590874DavidStaffCustomer SupportDecember 22, 2020 at 8:41 am #1590908unoaime
Oh whoops! Details added. Thanks.December 22, 2020 at 11:32 am #1591099TomLead DeveloperLead Developer
How exactly would this work with the existing Page Hero heading/text? Do you have a quick mockup of the look you’re going for?December 22, 2020 at 12:00 pm #1591121unoaime
Right now the global page header is merged with the header/nav, but i would like it to start around half way down, so just above the “TRAINING” word. This is so it remains consistant with the styling on the front page.
Is this a better desciption?
If not i’ll go ahead and try to make a mockup. Thanks for the reply.December 23, 2020 at 1:16 am #1591653DavidStaffCustomer SupportDecember 23, 2020 at 2:33 am #1591720unoaime
Fantastic! It all seems so simple when you know how! I was not aware of not(.home). I’ll be remembering this and definitely using it on future sites.
Thank you so much, and Merry Christmas!December 23, 2020 at 2:40 am #1591724unoaime
–December 23, 2020 at 3:03 am #1591752DavidStaffCustomer Support
:notis a CSS pseudo selector. It simply allows you to exclude elements that have a specific class.
More info here:
- You must be logged in to reply to this topic.