Home / Forums / You Theme Support / You Theme – Sidebar Size

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts

  • djcopious
    Participant

    Hi there,
    Is there an easy css code I can use to alter the size of the sidebar. I would like the standard page with a right sidebar to be a 75-25 or 80-20 split. Just enough space for a 300px wide banner ad.

    Thanks!

    Colin

    Hi Colin,

    Do you want this applied for all the pages on your site? If yes, try to copy and paste this CSS into Theme Options > Custom CSS

    .page div#content {
    width: 75%;
    }
    .page .sidebar {
    width: 25%;
    }`

    Regards,


    djcopious
    Participant

    THANKS! That worked AMAZING for my main pages. 🙂

    Another quick question, related…. How about the WooCommerce product pages……. ??

    Hi Colin,

    That code should also apply for WooCommerce pages. Can you please provide a sample WooCommerce page so we can check on this further from our end?

    Regards,


    djcopious
    Participant
    This reply has been marked as private.

    Hi Colin,

    Thanks for sending the sample link.

    Add this CSS to fix the size for WooCommerce Product pages:

    .single  div#content {
    width: 75%;
    }
    .single  .sidebar {
    width: 25%;
    }

    For the tite, can you please send sample URLs as well and point out which one you want removed/hidden?

    Regards,


    djcopious
    Participant
    This reply has been marked as private.

    Hi Colin,

    Add this CSS:
    .archive div#content {
    width: 75%;
    }
    .archive .sidebar {
    width: 25%;
    }

    You can also combine them into this:

    .archive div#content, .page div#content, .single div#content  {
    width: 75%;
    }
    .archive .sidebar, .page .sidebar, .single .sidebar {
    width: 25%;
    }

    On http://1e6.ba5.myftpupload.com/product/fox-tube-cgss/, the page title is “Fox Tube – CGSS” on the red bar, correct? If yes, this CSS should hide it for all WooCommerce pages:

    .woocommerce h1.entry-title {
        display: none;
    }
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.