Jump to content


Photo
- - - - -

Position feature image in css


This topic has been archived. This means that you cannot reply to this topic.
7 replies to this topic

#1 balldsgn

balldsgn

    Advanced Member

  • Members
  • PipPipPip
  • 31 posts

Posted 07 January 2011 - 01:16 AM

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

Please Login or Register to see this Hidden Content



Thanks
Max

#2 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 07 January 2011 - 02:24 AM

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

#3 balldsgn

balldsgn

    Advanced Member

  • Members
  • PipPipPip
  • 31 posts

Posted 07 January 2011 - 05:15 PM

Bryan, here you go -

Please Login or Register to see this Hidden Content



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 07 January 2011 - 06:42 PM

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

Please Login or Register to see this Hidden Content



#5 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 07 January 2011 - 06:43 PM

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

#6 balldsgn

balldsgn

    Advanced Member

  • Members
  • PipPipPip
  • 31 posts

Posted 07 January 2011 - 07:14 PM

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

#7 arpowers

arpowers

    Founder

  • Administrators
  • 3271 posts

Posted 08 January 2011 - 12:50 AM

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;}`

#8 danabrunetti

danabrunetti

    Advanced Member

  • Members
  • PipPipPip
  • 30 posts

Posted 08 January 2011 - 05:22 AM

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.