Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 21, 2018 at 2:09 pm #930591
    supersieben

    1. I need a white headline on a black background with an even padding on each line of the special heading. Up, right and down I can adjust the padding. On the left it only works in the first line. After the line break, the padding on the left has disappeared. (Even if I force the line break by <br> which I don’t want because I want the line break to remain dynamic).
    An automatic padding after each line break would be ideal?

    2. The maximum width of the special heading should be 50%. How can I do that?

    Here are the lines from my CSS

    .ueberschrift {
    font-family: UniversLT-CondensedBold, Arial,sans-serif;
    font-size: 3em;
    line-height: 1.5;
    color: #ffffff !important;
    background-color: #000000 !important;
    position: relative;
    display: inline;
    text-transform: uppercase;
    white-space:pre-wrap;
    padding-top: 0.2em;
    padding-right: 0.2em;
    padding-bottom: 0.1em;
    padding-left: 0.2em;
    }

    March 21, 2018 at 6:03 pm #930718
    Vinay

    Hey supersieben,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    March 21, 2018 at 10:18 pm #930909
    supersieben

    Hi Vinay,
    thanks for your help
    Please find attached the credentials

    Thomas

    March 22, 2018 at 3:07 pm #931357
    Vinay

    Hi,

    Please see the test page setup for you with a full-screen slider element.
    We have added this code to the Quick CSS section under Enfold > General Styling
    Please feel free to adjust the width, line height and other values to suit your design.

    /* Caption title */
#top .avia-fullwidth-slider .avia-caption-title {
max-width:500px;
}
#top .avia-fullwidth-slider .avia-caption-title span {
color:#FFF;
background:#000;
line-height:2em;
  display: inline-block;
 padding: 5px 20px;
margin:5px;
clear:both;
}

/*caption content */
#top .avia-fullwidth-slider .avia-caption-content p span {
color:#000;
line-height:2.25em;
  display: inline;
 padding: 5px 20px;
 background: #FFF;
}

#top .avia-fullwidth-slider .avia-caption-content {
max-width:500px;
}

    Best regards,
    Vinay

    • This reply was modified 6 years, 9 months ago by Vinay.
    March 23, 2018 at 6:20 pm #932062
    supersieben

    It didn’t work as expected. I found a perfect solution. It’s simple and works perfectly

    .h1-ueberschrift
    {
    font-family: UniversLT-CondensedBold, Arial,sans-serif;
    font-size: 3em;
    font-weight: normal;
    line-height: 1.7 !important;
    color: #ffffff !important;
    background-color: #000000 !important;
    display: inline;
    text-transform: uppercase;
    padding-top: 1.8%;
    padding-right: 0;
    padding-bottom: 1.0%;
    padding-left: 0%;
    box-shadow: 0.25em 0 0 #000000, -0.25em 0 0 #000000;
    }

    Thanks for your help.

    March 24, 2018 at 2:34 am #932183
    Jordan Shannon

    Hi,

    I’m glad you found a proper solution. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Padding in Special Heading’ is closed to new replies.