Viewing 30 posts - 1 through 30 (of 36 total)
  • Author
    Posts
  • #154

    Hi

    I have a problem with image alignment. I’m trying to align images on the left and on the right….but they just don’t show properly at all. Here is a sample page…

    http://www.ian.dj/contact-me/

    Image 1 is left-aligned..and this is ok

    Image 2 should be centered but as you can see, the text is centered and the image is left-aligned

    Image 3 should be right-aligned but it’s left-aligned.

    #30054

    Actually, I deleted that page.

    Needless to say…none of the images align.

    How do I fix this?

    A friend of mine has this theme too, and his don’t align either!

    #30055

    .alignleft{
    float:left;
    margin:0px 15px 15px 0pt;
    }

    .alignright{
    float:right;
    margin:0px 0pt 15px 15px;
    }

    .aligncenter{
    clear:both;
    display:block;
    margin:10px auto;
    padding: 10px 0;
    }

    search for these classes in style.css and try to prepend a #top div to each of them.

    for example:



    #top div .aligncenter{
    clear:both;
    display:block;
    margin:10px auto;
    padding: 10px 0;
    }

    #30056

    still doesn’t work :(

    #30057

    I’ve the same issue. It is now working for left and right, but centre is still not correct.

    #30058

    Hi!

    Can you post the URL to your site?

    Best regards,

    James

    #30059

    This is the site http://www.drivinglessons-derby.co.uk/

    The page I am trying to edit initially with a centred image is http://www.drivinglessons-derby.co.uk/driving-theory-material/

    Thanks mate.

    #30060

    Firstly, take out the inline styles (text-align: centre) – ideally everything should be done using you stylesheets because it’s so much easier to make changes this way.

    Then add this to the end of style.css:

    body #top .aligncenter { float: none !important; margin: 0 auto; }

    That worked for me, let me know how you get on.

    #30061

    Hey guys,

    Thanks to these tips, alignment now works. However, I can’t find a way to have text NOT wrap around an image. If I insert an image with no alignment checked, it still aligns and looks awful. Any tips?

    Thanks

    #30062

    Hey!

    Can you point me to an example?

    Regards,

    James

    #30063

    I buy this theme today but I have so much trouble with my images and the text. The text wraps around the images and destroys the whole page layout.

    I can’t belive that I’m the first user with this problem?

    Any hints?

    If not, I can’t use this theme, sorry

    Regards

    Joerg

    #30064

    Hey,

    The images you’ve added are contained within their own p tag. Taking “Zertifikat” image as an example, if you correct the post content so the image is in the same p tag as the text and you add the alignleft class instead of alignnone this will fix the presentation of the content and align the image and text correctly.

    Cheers,

    James

    #30065

    Sorry, but this doesn’t work

    It doesnt matter if there is no or one P tag inside

    How can I define the following structur

    Text (left align)

    Image (center)

    Text(left align)

    ?

    Thx

    Joerg

    #30066

    Addon: I want to have the “normal” way to write my blogpost. If i press return, or i I format a section as a paragraph I don’t want to switch to the html view. I buy this theme but it doesn’t work normal. Please fix the proble or we have to do a buy-back.

    #30067

    Again. If I set the

    #main img{

    float:none;

    it looks better. But now the image have an orange underline. How can i remove the hover line on images?

    Sorry my CSS is not so deap. I thought I buy one so I have time for the posts

    #30068

    Its important! How can i remove the underline of the images

    #30069

    It would be great if you can give me a response.

    Again, how can I remove the underline of an image

    Thx

    #30070

    Please bear in mind that we receive up to 150 separate support requests every day through this forum and by email, and questions are answered in the order received.

    I don’t know what you consider the “normal way” to write a post, but personally I use the HTML view exclusively because WordPress’ editor adds HTML which I don’t want on my articles. If you add an image on its own line it will have its own p tag added – you can correct this in HTML view.

    The orange underline is added by border-bottom, search through /css/style1.css and remove this code from img tags to remove the line:

    border-bottom:1px solid #FF9000;

    #30071

    If I do the following change in style1.css

    .wrapper a, #main #sidebar .textwidget a{

    color:#777777;

    /*border-bottom: 1px solid #ff9000;*/

    }

    All Border bottoms are gone. I want to do this only on images. I can’t find your mention of an img tag in style1.css.

    My normal way is not html view, so we have 2 normal ways. I think both of them have to work.

    Sorry, but this is not my understanding of a premium theme.

    #30072

    More Info: I want to disable also the gray blorderline only on images with links

    Here is my HTML Code


    Photoshop Plugins gibt es inzwischen wie Sand am Meer. Stolze 150 davon hat sich das Team von Webresources Depot angeschaut und in einer nützlichen Übersicht zusammengestellt.

    Hier finden sich sowohl Plugins für schnelle Korrekturen als auch für starke künstlerische Effekte. Alle Plugins können kostenlos heruntergeladen und verwendet werden.


    How can I format the layout without having p tags?

    #30073

    Ok, replace the border-bottom code you removed, then add this to the end of style1.css:

    `img a { border-bottom: none !important; }

    To view / remove extra p tags, edit the post using HTML view and delete the extra ones.

    #30074

    James

    body #top .aligncenter { float: none !important; margin: 0 auto; }

    That worked spot on – nice one.

    Thanks for sorting this out pal. Superb

    #30075

    Hey!

    You’re welcome, let me know if you have any other questions.

    Regards,

    James

    #30076

    Sorry, if I try this the floating text apears again.

    Can you give me a working example to disable the floating text around an image and disable the image underline?

    #30077

    Hey!

    Ok, can you post a direct URL to the page where the floats are not right?

    Best regards,

    James

    #30078

    Hey, you have the source code of your theme. This is a general failure. So I think you don’t need any link. Since i posted here some links I get many of spam attacks to my site, Pls remove any link in this thread.

    #30079

    Please remove any of my links in this thread!

    #30080

    Ok every link to your homepage has been removed.

    The Dude

    #30081

    I also bought the Display theme and is experiencing the same error. I understand that you have a lot of emails received regarding support but I think it’s best you release an update to the CSS of this theme, instead of asking users who paid for the theme do the work for you. You’re also wasting time answering all posts here when you could have spent the time editing the stylesheet of the theme and having it fixed once and for all. Not all of your buyers are expert coders.

    P.S. Having a lot of support emails, and bragging about it also reflects bad on your company. That just means that there is a lot of things wrong with the “PREMIUM” themes you’ve been releasing.

    #30082

    We’ll consider an update. That we’re getting a lot of support emails is related to the high number of customers – Kriesi is a themeforest top seller and only a small percentage of the support request is bug related.

    The Dude

Viewing 30 posts - 1 through 30 (of 36 total)

The topic ‘image alignment’ is closed to new replies.