Page title with icon or decoration

  • lauramark

    (@lauramark)


    4 years ago

    I want to know how can I add a little icon below page title

    I have this code but it doesn′t show center, can your help me?

    Thank you

    .page-header.background-image-page-header .page-header-title:before {
    position: absolute;
    content: “”;
    height: 1.5px;
    background-color: #98b1c4;
    width: 5%;
    text-align: center;
    top: 100%;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • Abhishek

    (@abhikr781)

    Hello,

    Please share the snapshots of the issue and page URL after adding the code to check.

    Thread Starter lauramark

    (@lauramark)

    For example here

    https://metodoms.com/que-es-el-metodo-ms

    I want to show the border line bellow title in the center

    Abhishek

    (@abhikr781)

    Hello,

    Visited your site and the underline is showing properly below the title, only need to change the width value to make full-text width.

    Thread Starter lauramark

    (@lauramark)

    If possible show in the center of title?

    Abhishek

    (@abhikr781)

    Hello,

    ?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    .page-header.background-image-page-header .page-header-title:before {
    margin-left: 140px;
}

    PS- Change the margin value as per need.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Page title with icon or decoration’ is closed to new replies.