Modify front page

I need to modify this front page at www.theonedollarchallenge.com to show a smaller image in the center of the page.  Changing the size of the pic, doesn't seem to have any effect.

This is a Wordpress site with this theme http://alxmedia.se/themes/hueman/ called Hueman installed currently.

Assistance is greatly appreciated.
frugalmuleAsked:
Who is Participating?
 
Scott Fell, EE MVEConnect With a Mentor Developer & EE ModeratorCommented:
When I looked at the theme, what you are seeing with the larger images is what the theme is designed to do.  

Do you want the image smaller because it is blown out? If that is the case, upload a larger image.  

Or do you want the text to wrap to the left or right of the image where the image perhaps takes up half the space?

Or do you just wan the image to take up less space vertically?  If that is the case, you can do some creative cropping of the image before you upload it.
0
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
The 'post-thumbnail' class in your CSS is telling the image to go to 100% width which means 100% of the containing <div>.  I was able to make the image smaller using Firebug but that doesn't change the size of anything else.
0
 
frugalmuleAuthor Commented:
Dave, thank you.  So what would be the best way to approach the change?
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
Zephyr ICTConnect With a Mentor Cloud ArchitectCommented:
You'll have to adjust the setting in your style.css file on place 815, change "width:100%" to width:auto ...

Seems like Dave was faster :)
0
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
You can add a style attribute to that <div> that sets a different width.  However, since that is a 'responsive' layout that changes the size as the screen size changes, you would probably have to change 30% to 50% of the CSS to make that center column narrower at all sizes.
0
 
frugalmuleAuthor Commented:
I think I may be too green to fully understand how to implement.  Can you show me in a jing video perhaps?
0
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
Nope.  Too much work.  Real, pain in the head, work.  A quick look to find where the base of your problem was told me that I would not do it that way.
0
 
frugalmuleAuthor Commented:
I do not understand how to implement it.
0
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
Maybe someone else can give you more help.  The CSS for that theme is pretty complicated.  It's too much work for me to be doing to answer a question here.

Click on "Request Attention" above to get some others to look at it.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.