Problem With CSS In Theme

2 replies
  • WEB DESIGN
  • |
Hey you guys this is my first time in this thread. I am having trouble with a theme I am using for wordpress.

This is the theme:

Boldy by Site5.com | Just another WordPress site

The trouble I am having is that I need to have pictures on my site that are less than the width of the content area. For instance, I would like to align an image to the left and wrap text down the right side of it like normal. You see this everyday. Everybody that blogs does this.

However the images are not allowing me to flow text down the side rather it sits in one line of the text as if it was actually part of the sentence.

Here is an example of this on a test domain I have:

Import Products « Export Products


Another thing that is odd is that the image does not align using the class="align" function

It will only align left, right and center if I wrap it with <p align>

I have a strong feeling this is a CSS issue but I have been up and down the stylesheeting tweaking it and haven't found the colprit.

If anybody knows what the issue is please help meh. :confused:
#css #problem #theme
  • Profile picture of the author Michael71
    Originally Posted by snowcloud View Post

    Hey you guys this is my first time in this thread. I am having trouble with a theme I am using for wordpress.

    This is the theme:

    Boldy by Site5.com | Just another WordPress site

    The trouble I am having is that I need to have pictures on my site that are less than the width of the content area. For instance, I would like to align an image to the left and wrap text down the right side of it like normal. You see this everyday. Everybody that blogs does this.

    However the images are not allowing me to flow text down the rather it sits in one line of the text as if it was actually part of the sentence.

    Here is an example of this on a test domain I have:

    Import Products « Export Products


    Another thing that is odd is that the image does not align using the class="align" function

    It will only align left, right and center if I wrap it with <p align>

    I have a strong feeling this is a CSS issue but I have been up and down the stylesheeting tweaking it and haven't found the colprit.

    If anybody knows what the issue is please help meh. :confused:
    Hey there, this is pretty easy...

    You can wrap the picture and the text in 2 different div's or check out word-wrap on Google

    Or add float:left to the picture and a padding to the paragraph
    Signature

    HTML/CSS/jQuery/ZURB Foundation/Twitter Bootstrap/Wordpress/Frontend Performance Optimizing
    ---
    Need HTML/CSS help? Skype: microcosmic - Test Your Responsive Design - InternetCookies.eu

    {{ DiscussionBoard.errors[5015296].message }}
  • Profile picture of the author OBaz
    Add this line to your style.css file:

    #colLeft img { float: left; margin: 0 15px 8px 0;}
    {{ DiscussionBoard.errors[5015307].message }}

Trending Topics