WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Need some help with padding change in CSS (7 posts)

  1. wrona
    Member
    Posted 2 years ago #

    Is there a way to widen the gallery area so it's not so narrow? I'd like to fit about 7 thumbnails across in the gallery section. When I fiddle with the CSS padding, it messes up padding for all the content on every page and makes it bleed onto my right widget area on the other pages. I would like to leave everything the way it is besides the gallery page alone.

    I'm not super experienced in CSS.. but do I have to give it a unique ID and set custom CSS to it? How would I go about that... i would appreciate some guidance because i cant wrap my head around it

    The site is: (the gallery tab)
    raygreavesart.us

  2. Aaron
    Member
    Posted 2 years ago #

    Your content is only showing 68% width. So you need to be able to find the whatever template you are using and create a new class to put it at 100% (which will give you 8 across).

    Looks like you are using a custom theme so I cant really help you to how to go about doing it all without logging in and seeing your layout, sorry.

  3. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    as you are using a child theme of Twenty Eleven, add this to style.css of the child theme:

    .singular .entry-header,
    .singular .entry-content,
    .singular footer.entry-meta,
    .singular #comments-title {
    	margin: 0 auto;
    	width: 100%;
    }

    ps:
    tried forum search?
    the same 'problem' has been answered multiple times before in this forum

  4. Aaron
    Member
    Posted 2 years ago #

    The above will change it to 100% for all pages though. I believe she only wants the gallery page and the rest stay the same.

  5. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    You can do this:

    .page-id-8 .entry-content {
        width:100%;
    }

    or !important declaration like

    .page-id-8 .entry-content {
        width:100% !important;
    }

    or

    #post-8 .entry-content {
        width:100%;
    }

    Results: http://pix.am/zXr8/

    All three will "target" just this specific page and nothing else.

    Emil

  6. wrona
    Member
    Posted 2 years ago #

    Thank you SO much Emil Uzelac!!! That is EXACTLY what I needed! I have been trying and trying to figure it out! It worked perfectly!

  7. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    No worries, enjoy :)

    Emil

Topic Closed

This topic has been closed to new replies.

About this Topic