More CSS Help

[myob]

Hi,

PLEASE NOTE THE SITE [redacted] REFERS TO IS AN ADULT SITE

It’s been a while since I’ve had to ask for help. I hope you are well. I’d like to add some bits to the CSS and hope you can assist. I’ve listed them separately in the hope that it’s easy to understand.

1: Change the tag text and icons on a POST page to #000000 – Change the text to #ffffff on hover and have the hover rectangle #000000

2: Change the breadcrumb ( I think that’s what it’s called) text on a POST page to #000000

3: is it possible to remove the sidebar in a POST page?

4: If it is possible to remove the sidebar in a POST page will the featured image be full width same as a PAGE or is additional CSS required to do it?

Apologies for so many questions, I’m sure a beer will be due

Many thanks

• This topic was modified 1 year, 1 month ago by myob.

[iceable]

Hi, thanks for the heads up about the site’s category, and hopefully this will help a bit:

1. This should do for the tags color on posts:

.postmetadata a, .postmetadata a:visited {
  color: #000000;
}
.postmetadata span i {
  color: #000000;
}
.meta-category a:focus,
.meta-category a:hover,
.meta-tags a:focus,
.meta-tags a:hover,
.postmetadata span:hover {
  background: #000000;
  color: #ffffff;
}
.postmetadata span:hover i {
  color: #ffffff;
}

2. I do call this “breadcrumbs” too! 🙂 (not sure what other names they can be called, if any) Here’s to make these links black:

#breadcrumbs, #breadcrumbs a {
  color: #000;
}

3. You can empty the sidebar by setting a single “HTML” or “text” widget with no content. (Setting no widget at all would leave the sidebar with a few default widgets instead)

To remove the sidebar entirely and let the content area stretch to the full width, this CSS should do the trick:

#sidebar-container {
  display: none;
}
#page-container.with-sidebar {
  width: auto;
}

4. Yes, the featured image should stretch to the full available width or to its own full size (whichever is smaller). The post page loads the original image, not a resized or cropped version.

[myob]

Hi,
Thanks very much for that it was very helpful.

Is there a way I can remove the sidebar completely from ONLY POSTS and have an option to keep it on PAGES?

Many thanks

[myob]

Hi again,
I’m getting there. Apologies if I wasn’t clear in a previous question but I want the featured image of a POST to expand to the fill width of the page, at present it’s aligning to the left.

Thanks

[iceable]

Hi, sorry for the confusion. The code I provided above for 3. indeed removes the sidebar from any page with a sidebar on the right (actual “page” or “post”).

To remove the sidebar from posts only, but keep the option to add a sidebar on pages, you can add .single post at the beginning of both sections, like so:

.single-post #sidebar-container {
  display: none;
}
.single-post #page-container.with-sidebar {
  width: auto;
}

[iceable]

This reply has been marked as private.

[myob]

This reply has been marked as private.

[myob]

This reply has been marked as private.

[myob]

This reply has been marked as private.

[iceable]

This reply has been marked as private.

[myob]

Hi,
Thanks for that but I don’t understand what I need to do as this is beyond me. I’ve also noticed that if I edit a different menu the issue doesn’t arise. I really don’t want to go through the process of recreating the menu again as it is huge and the work involved wouldn’t be worthwhile doing.

If it’s at all possible could you please explain in simple terms what I need to do like in a step by step guide for idiots like me. Or, is there a way I can copy files and let you see so you may know how to fix.

Obviously I don’t mind paying for this.

I’ve raised a ticket with my hosting company asking how I can clear the website’s cache in cPanel and I did do as you suggested with the permalinks page but the issue remains.

Sucuri is no longer protecting my site and hasn’t been for months. I disabled Wordfence but again the issue remains

Thanks and apologies for being a pain

[iceable]

This reply has been marked as private.

[myob]

This reply has been marked as private.

[myob]

This reply has been marked as private.

[myob]

Hi,
Please ignore my last as I stumbled across how to solve the issue

Thanks

[Author]

Posts