Archived

This topic is now archived and is closed to further replies.

  • 0

Position feature image in css

Question

Posted · Report post

How can I move the feature images flush left, Haven't had any luck using firebug on this one. And cant the feature background be made transparent? here is a link home page Thanks Max

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

probably the selector is wrong... are you using Firebug? I couldn't figure out what you wanted transparent from your link.. but whatever it is... just find the 'selector' and add this rule: `body .the_selector_with_background{background: transparent;}`

Share this post


Link to post
Share on other sites

Posted · Report post

You can also use the right-click > "Inspect Element" in Chrome (there is also a FireBug "Lite" extension for Chrome but we couldn't get it working.

Share this post


Link to post
Share on other sites

Posted · Report post

Where is your actual blog page so I can see, can't see any feature images set? Thanks, Bryan

Share this post


Link to post
Share on other sites

Posted · Report post

To position the feature image so that it's flush left and make the back transparent, paste this into the base.css file:

div.media-frame {text-align: center;}
	div.feature-pad fix {background: none;}

Share this post


Link to post
Share on other sites

Posted · Report post

` #feature_slider .fmedia .dcol-pad { text-align: left; } `

Share this post


Link to post
Share on other sites

Posted · Report post

Awesome! that moved it to the left, but the background is still not transparent. Any more ideas?

Share this post


Link to post
Share on other sites