More CSS Help

More CSS Help
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #25630
    Reply to: Blackoot Lite Support
    myob
    Participant

    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 4 weeks ago by myob.
    #25634
    Reply to: More CSS Help
    iceable
    Keymaster
    Support
    Happy with my help?
    Buy me a beer!

    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.

    #25635
    Reply to: More CSS Help
    myob
    Participant

    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

    #25637
    Reply to: More CSS Help
    myob
    Participant

    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

    #25639
    Reply to: More CSS Help
    iceable
    Keymaster
    Support
    Happy with my help?
    Buy me a beer!

    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;
    }
    #25640
    Reply to: More CSS Help
    iceable
    Keymaster
    Support
    Happy with my help?
    Buy me a beer!
    This reply has been marked as private.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.

256 bit SSL. 100% secure transactions and data encryption
PayPal Verified
Secured by PayPal
Secure Credit Card payments powered by Stripe