wrona
Member
Posted 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
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.
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
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.
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
wrona
Member
Posted 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!
No worries, enjoy :)
Emil
