How To Limit Some Changes To The Relevant Widgets On Sidebar

  • Unknown's avatar
    hrhngx · Member ·

    A few weeks ago, I made the following changes just for the relevant widgets on my sidebar successfully…

    embed, iframe, object {
    max-width: 96%;
    }

    .alignleft, .alignright, .aligncenter {
    margin-top: 0;
    margin-bottom: 0;
    }

    And naturally, those unspecific changes have effected all relevant contents in my posts all over my website as well…
    How can I limit those changes only to my sidebar and leave the rest of my website in their defaults?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    You can get more specific with the selectors so that the changes will only apply to the slide menu/widget area like this.
    .slide-menu embed, .slide-menu iframe, .slide-menu object
    and
    .slide-menu .alignleft, .slide-menu .alignright, .slide-menu .aligncenter

    Give that a try and see how it works.

  • Unknown's avatar
    hrhngx · Member ·

    I’ve replaced the ones you shared with me above and they worked again as usual!
    Thank you very much, sir!
    Meanwhile, I’ve learn that I should add “.slide-menu” before each one [I failed while trying to add it only once at beginning of them] there…

    By the way, any news for the following one?

    https://en.forums.wordpress.com/topic/how-to-increase-width-of-texts-below-media-contents-in-posts

    Recently I’ve had a look at Intergalactic Theme page and I re-consider this one from there:

    Quick Specs (all measurements in pixels)
    The main column width is 660.
    The slide-out sidebar width is 530.
    Large images and videos have a width of 1000.

    As I guess, just increasing “the main column width” from 660px to 720px – 750px can solve my issue including the texts without any specific codes or compromisations, right?
    Is there a simple/stable code for the main column width?

  • Unknown's avatar
    thesacredpath · Member ·

    Yes, increasing the width to 720-750 should be fine. This is the basic list of CSS selectors used to control the width of the content in Intergalactic:
    .page-content, .entry-content, .entry-summary, .entry-title, .entry-footer, .comments-area, .site-info, .entry-author, .entry-meta, .page-title, .taxonomy-description

  • The topic ‘How To Limit Some Changes To The Relevant Widgets On Sidebar’ is closed to new replies.