WordPress.org

Forums

shifting images, that are controlled in the style sheet (7 posts)

  1. culturalelite
    Member
    Posted 9 years ago #

    on my blog here...
    http://www.solaceincinema.com/

    i'm using a modded version of kubrick, And I installed spencerp's fix, that included a little file gif, and a comment bubble gif that sits at the bottom of each post next to the relevant images. but because i've set all the images to float: left to get the text to wrap around the posted image.

    anyway I can set individual images to overide the stylesheet and sit where they're supposed to sit? or any other way of doing it....??

    also, i'm using the 'post-teaser' plug-in, and I was wondering why, when you link through to the full article on a seperate page the title is still there but the author and date disapear from the top of the article...

    any help would be greatlt appreciated....

  2. moshu
    Member
    Posted 9 years ago #

    1. Define new classes for images that you want a different position.
    2. On a single post view the meta section is under the post - you will have to edit the single.php file to change it.

  3. culturalelite
    Member
    Posted 9 years ago #

    hmmm... ok I see what I did wrong now....

    I'd put float:left... here...

    /* Begin Images */
    p img {
    padding: 0;
    margin: 0;
    max-width: 100%;
    float:left;
    }

    so obviously I removed that, But does anyone know where I put <div class="alignleft"/> to get the posted image to sit where it did before(aligned left with text-wrap)

  4. moshu
    Member
    Posted 9 years ago #

    If this theme is a K-clone, then "alignleft" should be defined already in the stylesheet, so just use it:
    <img src=......... class="alignleft" />
    (If you deleted it, then it is not in the stylesheet:)

  5. culturalelite
    Member
    Posted 9 years ago #

    yeah it is defined, but when I apply it globally as I did in this piece of code..
    /* Begin Images */
    p img {
    padding: 0;
    margin: 0;
    max-width: 100%;
    float:left;
    }

    it shifts all the images to the left, but I have a couple of images in the meta at the bottom for 'email this item' and 'comments' that I want to stay center aligned....

    all I want to do is apply the class="alignleft" to the image I've posted with the article...

  6. moshu
    Member
    Posted 9 years ago #

    Your problem is you don't listen (=read) what is said to you:
    please, read again what I wrote NOT about your own code (which is completely un-necessary, btw) but about the stylesheet of your theme:
    http://www.solaceincinema.com/wp-content/themes/solace_2/style.css
    Just go and open it and find the
    /* Begin Images */ section. You'll be surprised :)

  7. culturalelite
    Member
    Posted 9 years ago #

    you're right, but I didn't explain myself properly. sorry :).

    i'm using the 'post upload and paste' upload plugin, and also the 'WYSIWYG wordpress', i've been using the upload the image and inserting it into the post as i'm writing it (using the little pop-over menu)and then of course I have to go into the HTML-view and add class="alignleft" like you said :) ..... is there anyway you think that I can make the class apply to the image automatically?

Topic Closed

This topic has been closed to new replies.

About this Topic