Navigation
Archive / Blog post title and text: removing margins and padding
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 13, 2016 at 5:54 pm #990436
    shakshuka
    Participant

    Hello,
    Could you help me with the code required for this?

    1_I would like to remove margins on the blog post title and text, so that they align with the featured image.

    2_I’m using Icon, and I would like to justify the post titles to the left, instead of centered on the image.

    I would like these adjustments to apply to the main blog index page, blog category pages and the blog post page itself.
    Thank you!!

    May 13, 2016 at 11:04 pm #990821
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    May 14, 2016 at 1:03 am #990909
    shakshuka
    Participant

    The URL is http://www.live.shak-shuka.com/

    May 14, 2016 at 1:55 am #990941
    Friech
    Moderator

    Hi There,

    You can add this under Custom > CSS in the Customizer.

    .entry-content {
padding-left: 0;
padding-right: 0;
}
.entry-title {
text-align: left;
padding-left: 0;
margin-left: 0;
}

    Hope it helps, Cheers!

    May 16, 2016 at 4:49 pm #994438
    shakshuka
    Participant

    Thank you for your help!
    It worked, but there is still a bit of margin or padding to the right of the title. I mean that the title still is not as wide as the featured image. I tried adding this line to the entry-title:
    padding-right: 0;
    and it reduced the padding a bit. Adding this line:
    margin-right: 0;
    doesn’t seem to help at all.
    The post content seem to be as wide as the featured image, not the title. Is there a was to make the title also as wide as the featured image?
    Thanks again.

    May 16, 2016 at 10:51 pm #994883
    Lely
    Moderator

    Hi There,

    You’re welcome!
    Please update this CSS:

    .entry-title {
text-align: left;
padding-left: 0;
margin-left: 0;
}

    To this:

    .entry-title {
text-align: left;
padding-left: 0;
margin-left: 0;
width: 100%;
}

    Hope this helps.

    May 17, 2016 at 8:10 am #995361
    shakshuka
    Participant

    Great! This worked. I had to keep the line about the right-padding:0.

    .entry-title {
    text-align: left;
    padding-left: 0;
    margin-left: 0;
    padding-right: 0;
    width: 100%;
    }

    Thanks again!

    May 17, 2016 at 9:35 am #995504
    Thai
    Moderator

    You’re most welcome 🙂

    If you need anything else please let us know.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-990436 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>