Hide elements of page

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

Hard to help without a URL.

3 Likes

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

Try this:

h2#slogan {
display:none;
}

div#sidebarContainer {
display: none;
}

div#titleBackground {
display:none;
}

div.navcontainer {
display: none;
}

1 Like

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?

2 Likes

This Works, thank you!!

1 Like

I got it working thanks for the help.

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