Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #754332

    Hi,

    I am trying to duplicate the look of the site below with lines on either side of the title LONDON.
    I found this code:

    /* Lines either side of Denmark */
    @media screen and (min-width: 36em) {
    span.site-title-denmark:before, span.site-title-london:after {
    background-color: #fff;
    content: “”;
    display: inline-block;
    height: 4px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    }
    span.site-title-denmark:before {
    right: calc(1em + 0.6rem);
    margin-left: -50%;
    }
    span.site-title-denmark:after {
    right: -1em;
    margin-right: -50%;
    }

    but I don’t know how to target that text that says DENMARK on my page, which is an H2 title.
    Can you help me with this – or let me know if there is an easier, built-in way to do this?
    thanks for your help

    Nancy

    • This topic was modified 7 years, 7 months ago by Munford.
    #754398

    Hey Munford,

    To achieve the results similar to the example link.

    1. Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    You can now target your headings with custom css please see the below link for more info to create a similar heading style.
    2. Refer to this link https://css-tricks.com/line-on-sides-headers/

    Best regards,
    Vinay

    #754460

    Thanks I got it working!

    #755504

    Hi,

    Great, glad you got it working :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Lines on either side of title text’ is closed to new replies.