Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #989708
    ThomasLie
    Participant

    Hello,

    i have a problem to find the css settings, where i can set the bottom margin of the text Element.

    I have made a testsite (www.katharina-liensberger.at/testseite), to try the margin settings of sections, rows, columns and some Elements inside the columns.

    In each element the “man” (margin/all/null) setting in the classfield works well but not in Textelement. The high of the column where i put the text element is much more than the high of the text element. In Chrome i have found, that the bottom-margin of the p class is 2.15em. If i change this to 0em manualy, then its OK. Have a look at the prints in attachment.

    I am not realy fit in css coding therefore i don’t know, what i can do to solve this problem.

    Thanks for your answers

    #989910
    Rahul
    Moderator

    Hi there,

    In your cornerstone options of the text element, scroll down to class field and add the following CSS :

    margin-bottom: 10px;

    You can change the value as per your need.

    Thanks

    #989934
    ThomasLie
    Participant

    Hi Rahul,

    sorry, but that dosen’t work. Have a look at this sample screenshot with the text element in the first position …

    #990187
    Joao
    Moderator

    Hi There,

    It is not working because you put the code inside the CLASS BOX please use the same code the box below STYLE BOX

    https://s3.amazonaws.com/community-themeco/app/uploads/2016/05/13115030/Sample.png

    That will work for sure.

    Let us know if you need further help.

    Joao

    #990487
    ThomasLie
    Participant

    Hi,

    sorry but also in the STYLE Box it dosen’t work.

    If i write (margin-bottom: -2.15em;) in the style box then it’s good. But i think, that is not the right way.

    Greetings

    #990498
    ThomasLie
    Participant

    Hi,

    i have made another test with the raw content element: If i put there a

    <p> Text… </p>

    content, then it is the same as the Text Element. I think in the .p Class there is the css setting for the margin-bottom 2.15em ….

    #990870
    Friech
    Moderator

    Hi There,

    define this class to your custom css on customizer

    .txt-mbn p {margin-bottom: 0 !important;}

    Then add this class txt-mbn to the Text Element that you dont want to have a bottom margin.

    You can adjust the 0 value where you see it fits.

    Hope it helps, Cheers!

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