Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 20, 2014 at 12:21 pm #212182
    David Verburg

    Hi there,

    I like to customize a line, like you do on Kriest.at (the one with the small star in the middle). Does anybody know how to make them? I like to replace the star for our company image.

    Regards,

    David

    January 20, 2014 at 6:25 pm #212366
    Ismael

    Hey David!

    Use the “Short Separator” then add this on Quick CSS or custom.css:

    .hr-inner {
width: 100%;
position: absolute;
height: 1px;
left: 0;
top: 50%;
width: 100%;
margin-top: -1px;
border-top-width: 1px;
border-top-style: solid;
}

.hr-short .hr-inner-style {
border-radius: 20px;
height: 34px;
width: 34px;
border-width: 2px;
border-style: solid;
display: block;
position: absolute;
left: 50%;
margin-left: -17px;
margin-top: -17px;
line-height: 33px;
text-align: center;
border: none;
}

.alternate_color .hr-short .hr-inner-style:before {
color: #42a0bd;
}

div .hr-short .hr-inner-style:before {
content: '\E808';
font-family: 'entypo-fontello';
}

.hr-short .hr-inner-style:before {
font-size: 13px;
color: rgb(66, 160, 189);
}

    Regards,
    Ismael

    January 20, 2014 at 7:13 pm #212378
    David Verburg

    Sorry, where can I find the ‘short separator’?

    January 20, 2014 at 8:08 pm #212391
    Yigit

    Hi!

    In Avia Layout Editor, please add Horizontal Ruler element and choose Short Seperator http://i.imgur.com/k9XxBMH.jpg

    Regards,
    Yigit

    January 20, 2014 at 8:30 pm #212401
    David Verburg

    Ahhhh, didn’t know there were option too. :-) I see it know, but need to add our logo in the middle. It’s below the line now. See http://www.cadeaugolf.nl at the bottom part of the page.

    January 21, 2014 at 5:23 am #212624
    Ismael

    Hi!

    You can try to replace the content value with the image url:

    div .hr-short .hr-inner-style:before {
content: url(IMAGE URL HERE);
font-family: 'entypo-fontello';
}

    Regards,
    Ismael

    January 21, 2014 at 10:05 am #212663
    David Verburg

    Thanks guys! It worked. Enfold rocks!

    January 21, 2014 at 10:32 am #212678
    Dude

    Hey!

    Thanks for the kind words :)

    Cheers!
    Peter

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