Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #901447
    arefs
    Participant

    I want to reduce padding between text element and custom headline in a section.

    Screenshot – https://dl.dropboxusercontent.com/u/17713251/2016-04-27_13-36-32.jpg

    I’ve removed all padding but it makes no difference. There is still a big gap between these elements.

    Please help.

    Thank.

    #902297
    Thai
    Moderator

    Hi There,

    Please add the mtn CSS class to the class field of your custom headline element:

    http://i.imgur.com/QMSa9ar.png

    For more information, please take a look at this: https://community.theme.co/kb/css-class-index/.

    Hope it helps 🙂

    #903358
    arefs
    Participant

    Thanks. A couple of follow ups:

    1.) Is there a way to reduce it even more? I’ve added the class but I want to make the gap even smaller.

    2.) I want to reposition the text element “Introducing…” so it has some left padding.

    Screenshot – https://dl.dropboxusercontent.com/u/17713251/2016-04-28_11-41-20.jpg

    I can edit the padding for the section as a whole but can’t work out how to edit the padding just for this element.

    Appreciate you support.

    #904048
    Joao
    Moderator

    Hi There,

    1-You Can Control The line-height of the texts.

    add to Style Box line-height: 1.3;

    If it doesnt work as you wish you can try to apply inline follow this example

    <p style="line-height: 1.3;">Your text go here</p>

    2- I am not quite sure you want to do, but you can try adding in the Style Box : padding-left: 30%; for example

    If you would like to centralize the element please type on the Style Box: text-align: center;

    If for some reason it do not work click on column. and on the column tab Style Box type text-align: center;

    Hope that helps,

    Joao

    #908633
    arefs
    Participant

    Thank you!

    #908693
    Rue Nel
    Moderator

    No problem!
    Glad it works.

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