Image alignment being over-ridden

  • Posted in : Photographer
  • perfimage
    Participant

    In a blog and page I have inserted images and set their alignment left and/or right so that the paragraph “wraps” around the image. Upon publishing, this alignment seems to be over ridden by a div tag…&lt:div class="fluidbox-wrap" style="z-index: 990;" , which I believe is preventing the actual image formatting<img class="alignleft wp-image-18 size-medium" src="http..... from allowing it to align as desired.

    Can this be disabled? How?

    serkan
    Moderator

    Hi perfimage,
    Could you provide me your url please ?

    perfimage
    Participant

    Blog Post: http://dev.lisabrightonphotography.com/2015/08/08/blog-post-1/
    Page: http://dev.lisabrightonphotography.com/page2-2/

    You will this user/password: pixelwars/alignment

    A sample of the desired alignment can be found here: http://www.lisabrightonphotography.com/2015/03/merkato/

    Thanks for the reply.

    ahmetsali
    Keymaster

    Hi, you are using a child theme and overriding the original style.css file (which contains alignment classes) with the one that doesn’t have the alignment classes,

    this is your style.css;

    http://dev.lisabrightonphotography.com/wp-content/themes/photographer-wp-child/style.css

    and this is the original one with the alignment stuff;

    http://themes.pixelwars.org/photographer/wp-content/themes/photographer-wp/style.css

    perfimage
    Participant

    Thanks ahmetsali, but i don’t think that is it.

    Nothing in the child theme is related to image alignment or anything else. I belive it may be caused by the use of a child theme (though it should not) and the issue is corrected when I use the parent theme. Oddly enough if I use the parent theme and use the theme options to set the theme to use the very same external css, it displays properly.

    I would prefer to use a child theme, but it I have to use this method, I guess I will.

    body {
    color: #ffffff;
    background: #000000;
    }

    .nav-menu ul li a {
    color:#ffffff;
    }

    .widget-title span {
    background: #555;
    }

    .entry-title {
    color: #c9b69b;
    }

    input[type=submit], input[type=button], button, a.button, .button {
    background: #c9b69b;
    border: 3px solid #333;
    color: #333;
    }
    input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),textarea,select {
    border: 3px solid #555;
    }

    perfimage
    Participant

    Right now, the set up using the external css options.

    Thanks for the assistance.

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

    perfimage
    Participant

    I would still like to know what is happening when using the exact same css file in a child theme as opposed to linking to a separate external css file. Any ideas?

    ahmetsali
    Keymaster

    Hi again, as i tried to explain in my previous post, when you use a child theme, you are overriding parent theme’s style.css file with the one that doesn’t have wordpress alignment classes. That’s the exact reason.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register