Text verry close to picture / CSS does not work

Discussion in 'Compass WordPress Theme' started by kreyenhop, Jan 9, 2015.

  1. kreyenhop

    kreyenhop New Member

    Joined:
    Aug 13, 2014
    Messages:
    4
    Likes Received:
    0
    Location:
    Worpswede Germany
    Hi,

    I have this coding within the CSS section. The spacer to the picture does not work. Can you help please?

    body {
    background: #F2F2E5;
    }

    .page_content .content_bar .post.single .post_content img {
    padding: 15px;
    }

    Thanks

    Sven
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi kreyenhop,

    Please provide us url of your website.
    With some edited screenshots of the areas where you are encountering issues.

    Thanks
    Praveen
     
  3. kreyenhop

    kreyenhop New Member

    Joined:
    Aug 13, 2014
    Messages:
    4
    Likes Received:
    0
    Location:
    Worpswede Germany
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello Sven !

    I have fixed this issue please have a look.

    Code:
    .page_content .content_bar img {
    padding: 15px;
    }
    this code works.


    Thanks & Regards
    Pramod
     
  5. andreahw16

    andreahw16 Guest

    Joined:
    Mar 17, 2014
    Messages:
    65
    Likes Received:
    0
    Location:
    Wheaton, IL
  6. priya

    priya Guest

    Hello Andrea,

    Would you please try this code given below in Custom CSS field of your dashboard and check after that.
    Code:
    .su-column {
        margin-top: -25px !important;
    }
    Change numeric value as per your requirement.

    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  7. andreahw16

    andreahw16 Guest

    Joined:
    Mar 17, 2014
    Messages:
    65
    Likes Received:
    0
    Location:
    Wheaton, IL
    I am sorry that did not work. I have other code here that is in my css styles but for some reason this is not worrking, other code is
    .page_content .content_bar .post.single .post_content img {
    padding: 20px;
    } which is working with posts. Should I remove code that changes nothing?
    Hope to get this resolved, it is so ugly to have no padding around images.

    http://www.grandmamauds.com/retail/bean-meals-2/

    Thank you
    Andrea
     
  8. priya

    priya Guest

    Hello Andrea,

    Sure, you can remove all the code which are not working for your site.

    And to create padding around the image, would you please try below code for once..
    Code:
    a img.alignleft {
        padding: 10px;
    }
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  9. andreahw16

    andreahw16 Guest

    Joined:
    Mar 17, 2014
    Messages:
    65
    Likes Received:
    0
    Location:
    Wheaton, IL
    This did help better, it is changing padding all around the image and not just on the right. It definitely looks better though and will try to work with it, thank you. Attaching a screen shot so you can see the extra left and top is off. It should flush left and top of image align with copy. It is close though.
    Thank you for your patience in getting this fixed.
    Andrea Screen Shot 2016-01-15 at 6.47.45 AM.png
     
  10. priya

    priya Guest

    Hello Andrea,

    Hope below code will help you to meet your exact requirement..
    Code:
    a img.alignleft {
        padding-right: 20px;
    }
    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page