Need some help with padding change in CSS

  • Resolved wrona

    (@wrona)


    11 years, 11 months 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

Viewing 6 replies - 1 through 6 (of 6 total)
  • WP Libra

    (@wpbum)

    11 years, 11 months 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.

    Michael

    (@alchymyth)

    11 years, 11 months 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

    WP Libra

    (@wpbum)

    11 years, 11 months 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.

    Emil Uzelac

    (@emiluzelac)

    11 years, 11 months 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

    Thread Starter wrona

    (@wrona)

    11 years, 11 months 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!

    Emil Uzelac

    (@emiluzelac)

    11 years, 11 months ago

    No worries, enjoy 🙂

    Emil

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Need some help with padding change in CSS’ is closed to new replies.