Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #689334

    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

    #689356

    Hey Rosa!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/ (Purchase code hidden if logged out) -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

    #690222

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

    . (Purchase code hidden if logged out)  {
    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

    #690236

    Hey Rosa!

    Please change the code to following one

    . (Purchase code hidden if logged out)  .hr-inner {
        min-height: 3px !important;
        background-color: #e00e70;
        margin: 0px !important;
        border: 0px !important;
        padding: 0px !important;
        height: 3px !important;
    }

    Regards,
    Yigit

    #690258

    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

    #690261

    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

    #690357

    Thank you Yigit, now it’s ok!
    Rosa

    #690375

    Hi,

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

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘custom hr’ is closed to new replies.