CSS & Tumblr help

I am trying to embed a tumblog into a preexisting website.

I can’t figure out how to style the blog once it is in the website without messing up my regular styles. Anyone have any advice?

1. 

   Buck Nasty said 2 months ago

   embedding tumblr blogs is a huge hassle, I just styled my blog to match my website and made a subdomain forward to it.

   they don’t give you the CSS rules you need to stylize post elements. I looked forever online for them, maybe my google-fu is rusty though.

2. 

   ghostforhire said 2 months ago

   You probably need to get explicite with your classes.

   You have a live version I can look at?

3. 

   Danimal! said 2 months ago

   no I am working offline.
   Maybe if i tell you what i want to do you can help.

   the main thing I want is to set a maximum width for any image posted on the blog without it affecting other images outside of the blog.

   I have mostly figured out most of the css classes that are used and am working on styling it. the image thing i can’t figure out though

4. 

   ghostforhire said 2 months ago

   Assuming you use the generic "photo" content type to upload an image you would do something like:

   #contain #content div.post div.photo img {
   width:300px;
   }

   Or if you used a custom theme look for the {block:Photo}
   and add an ID or CLASS to the template where it generates the <IMG> tag:
   ------
   {block:Photo}
   <li class="post photo">
   <img src="{PhotoURL-400}" alt="{PhotoAlt}" CLASS="YOURCLASSHERE" />
   ...
   {/block:Photo}
   ------

5. Log In
   back