Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 17, 2013 at 1:30 pm #162262
    kimmo

    Is it possible to change the dot in the middle of the Horizontal ruler (short separator)?
    How do I change it to png image or is it possible to change as Entypo character?

    September 17, 2013 at 3:50 pm #162297
    Michael Oeser

    I´d be interested too how that can be done the best way

    September 18, 2013 at 5:05 am #162750
    Ismael

    Hey,

    You can add something like this on your custom.css or Quick CSS:

    .hr-short .hr-inner-style {
border-radius: 20px;
height: 30px;
width: 30px;
border-width: 2px;
border-style: solid;
display: block;
position: absolute;
left: 50%;
margin-left: -10px;
margin-top: -15px;
background: url('http://jobs.timeshighereducation.co.uk/magazine/graphics/web_icon_big.gif') no-repeat center;
}

    Regards,
    Ismael

    September 18, 2013 at 8:47 am #162807
    Michael Oeser

    And in case of an Entypo character? You can´t just replace the background image URL with the character code, right?

    Cheers
    Michael

    September 18, 2013 at 9:29 pm #163160
    Devin

    Hey Michael!

    Correct. The font wouldn’t work as a background image but you could use it with the before or after pseudo class.

    Regards,
    Devin

    September 19, 2013 at 10:21 am #163483
    Michael Oeser

    Thanks Devin. Will try that. I think Kriesi did something like that on his new site.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom Horizontal ruler?’ is closed to new replies.