• Resolved JBS

    (@jbs)


    Hi, I have created a new website and it’s all ok, but I have a problem with the photos.

    I normally use the code that wp gives so that i can put the image on the right and the text on the left and down, but in the external website I can’t, and the code is the same.

    May some one help me? Thank you!

    The original WordPress.com blog is https://resumenesseriestv.wordpress.com/

    And the new blog is: https://www.todosobreseriestv.com/

    And they have the same code and same theme.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator keesiemeijer

    (@keesiemeijer)

    You’re missing this on the new blogs stylesheet style.css:

    img.alignright {
    display:inline;
    margin:0 0 2px 7px;
    padding:4px;
    }

    Moderator keesiemeijer

    (@keesiemeijer)

    and missing this to make it work for right aligned images:

    .alignright {
    float:right;
    }

    There are more css rules you are missing in the new blog.

    Thread Starter JBS

    (@jbs)

    Thank you. Yes I know that this theme is not perfect… I had also to do some changes by myself, but this one I didn’t know how to do it.

    I’m searching for a better one, like the one that I have, more or less professional, but I don’t find any.

    Thank you for the help. I only put the second part of the code the

    .alignright {
    float:right;
    }

    and also inserted the left and center one. The code in the first post for what is it?

    Moderator keesiemeijer

    (@keesiemeijer)

    That code is just to add some padding and margins to images with a class of “alignright”. Because you float the images the display inline does nothing.

    Thread Starter JBS

    (@jbs)

    ok, and can you give me the padding of the “alignleft” because i some time also use that, and for not opening a new post

    Moderator keesiemeijer

    (@keesiemeijer)

    It’s all in the stylesheet of your old blog:

    img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
    img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
    img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
    .alignright{float:right;}
    .alignleft{float:left;}
    .aligncenter, div.aligncenter{display:block;margin-left:auto;margin-right:auto;}

    Thread Starter JBS

    (@jbs)

    thank you very much!! You are a genius!! (and sorry for my english)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘problems with photos’ is closed to new replies.