Hide elements of page


(Robert H) #1

I’m trying to hide a few elements of a single page within my website. I am using the AvantGarde Theme.

I’ve been successful on hiding a few items but the navigation links at the top I can’t get to hide. I’m using the below code in the CSS portion of the Page Inspector and this works for those elements but can’t get the page navigation links hidden.

#titleBackground {
display: none !important;
}
#sidebarContainer {
display: none !important;
}
#slogan {
display: none !important;
}

Thanks,

Robert


(David) #2

Hard to help without a URL.


(Robert H) #3

Sorry, I don’t have the page published so no URL. Was hoping someone may know since I’m using a default RW theme.


(Jochen Abitz) #4

Try this:

h2#slogan {
display:none;
}

div#sidebarContainer {
display: none;
}

div#titleBackground {
display:none;
}

div.navcontainer {
display: none;
}


(David) #5

This should do it:

.navcontainer {
display: none;
}

As that theme is very old, I think most people probably don’t know or don’t remember it is a built-in theme, and probably most users have selected “Hide Classic Themes” in preferences, as is the case with myself.

That theme is non-responsive. More après garde than avant? Perhaps time to consider using another theme?


(Robert H) #6

This Works, thank you!!


(Robert H) #7

I got it working thanks for the help.


(system) #8

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.