Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 20, 2016 at 3:31 pm #689334
    pinkabbestia

    Hi,
    I need to create different HR elements.

    • With background image
    • 100% width or px width
    • 3px height or more

    How can I do this? Thanks,
    Rosa

    September 20, 2016 at 3:53 pm #689356
    Yigit

    Hey Rosa!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then give your HR element a custom CSS class then add following code to Quick CSS 

    .your-custom-class { width: 100% !important; min-height: 3px; background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; }

    If that does not help, please post the link to your page where you have your element.

    Best regards,
    Yigit

    September 22, 2016 at 12:44 pm #690222
    pinkabbestia

    Hi Yigit,
    I tried your css and doesn’t worked.
    So I tried to change your css with a background color and other settings.

    .divisorio-scheda-progetto-full-width {
width: 100% !important; 
min-height: 3px !important;
background-color:#e00e70;
margin:0px !important;
border:0px !important;
padding:0px !important;
height:3px !important;
}

    The result is here after the social media sharing icons http://www.pinkatmosphere.com/mediaset-premium-sport-2/

    Let me know please.
    Thanks,
    Rosa

    September 22, 2016 at 1:22 pm #690236
    Yigit

    Hey Rosa!

    Please change the code to following one 

    .divisorio-scheda-progetto-full-width .hr-inner {
    min-height: 3px !important;
    background-color: #e00e70;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
    height: 3px !important;
}

    Regards,
    Yigit

    September 22, 2016 at 2:06 pm #690258
    pinkabbestia

    Hi Yigit,
    now the css works better.
    But why there is white spece before and after the hr element?
    http://www.pinkatmosphere.com/mediaset-premium-sport-2/
    Thanks
    Rosa

    September 22, 2016 at 2:08 pm #690261
    Yigit

    Hey!

    It gets the default padding of sections. You can insert your element into a color section element and choose to display no padding

    Regards,
    Yigit

    September 22, 2016 at 5:44 pm #690357
    pinkabbestia

    Thank you Yigit, now it’s ok!
    Rosa

    September 22, 2016 at 7:32 pm #690375
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions or issues Rosa!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘custom hr’ is closed to new replies.