Specific CSS on My Blog Page Only

bradchristopher · 02-19-2013, 10:56 PM

Hi! I am a bit of a newbie with the CSS so I apologize for my questions in advance. I got my self into some more complicated stuff with my Wordpress template than I am used to and now it seems as though I am blanking on how to do something pretty straightforward with the CSS of my blog page. Originally I was just going to post large photos but I have since decided that I would really like to make the photos a lot smaller and start writing articles with them. Currently the width of the photos goes all the way up to like 940px. I would like the photos on my blog page, as well as the article when clicked on, to all have a height of 400px and then when you click the photo for it to link to full size maybe? Hopefully that makes sense. I guess I am wondering what the easiest way to do this is. As of right now, there is I think 31 entries. I am pretty sure I can achieve this one image file for each article but I am not sure. I think when I have worked with other templates in the past, this stuf is all already worked out in the template. I have tried to use Firefox to figure it out but I am just not seeing it. Thank you so much for any help you can lend. It is very much appreciated! Please let me know if you need any more info! Here is the link to my blog.

CHEWX · 02-19-2013, 11:40 PM

Code:

.entry-content img{
   height:400px;
}

bradchristopher · 02-20-2013, 02:18 AM

Thank you CHEWX for your quick reply and help! I may have not worded my original question correctly. When I use that code in my CSS it changes only the height of my original picture and the width is not readjusting with it. What I am trying to do is have the height resize to 400 and the width resize in proportion to the new height. I want the proportions to be constrained as I think it would be described. Some of the photos will have different widths and that is fine but I just don't want them to stretch. If you take a look at my blog now, you can see what I am talking about I think although now you may not remember what they looked like before. Thanks again for your help! Let me know if you need me to be more clear!

CHEWX · 02-20-2013, 11:04 PM

Sorry, change to:

Code:

.entry-content img{
   height:400px;
   width:auto;
}

Great shots BTW.

bradchristopher · 02-21-2013, 12:03 AM

Thanks so much CHEWX! Exactly what I was looking for! Problem solved and thank you very much for the kind words!

bradchristopher · 03-10-2013, 06:49 AM

What would I have to change if when you clicked on the posting, and it opened up a new page, it showed the original size of the photograph? I am trying to think if I would want that because I plan on starting to write in my posts along with the pictures. Right now I just have pictures in the posts. Or what would I use if I wanted just the image attachment to show full-size? By that I mean you are looking at the single post on its own page and then you click the image. I guess I was just trying to figure out some other options. I know I like it smaller on the main blog page but wanted to see how it looked if I changed it on the single page entry or possibly just the image attachment. Thanks everyone!

bradchristopher · 03-12-2013, 06:56 PM

or what about how to indent my blog entries more towards the middle of the page? I don't want them in the center necessarily, as I am trying to add widgets on the right side, but I am not really loving the way my blog is looking right now. It needs work. Any help is much appreciated! blog

bradchristopher · 03-19-2013, 02:22 AM

I think everyone thought this topic was closed so I moved the new questions to a new post. I probably should have done that from the beginning. Thanks again! Here is the new post:

http://www.codingforums.com/showthre...14#post1321514