Okay
  Public Ticket #3100402
Add Outline to Blog Title Header
Closed

Comments

  •  9
    cdbriggs90 started the conversation

    Is it possible to add some kind of coloured outline or blur to a blog title to make it stand out more?

    As you can see from my attachment, due to the image, the title doesn't so sit well above the white back ground. I'm really surprised this isn't an option.

    Thanks

    Attached files:  Screenshot 2022-08-09 at 11.48.21.png

  •  1,590
    Judith replied

    Hi There,

    Thanks for keeping in touch.

    Please try this css:

    .row .col.section-title h2 {
        text-shadow: 1px -5px 8px black;
    } .row .col.section-title p {
        text-shadow: 1px -3px 6px black;
    }

    Thanks.

  •  9
    cdbriggs90 replied

    Thanks for the reply, I added that, please see screenshot. But nothing changed.

    Attached files:  Screenshot 2022-08-09 at 12.07.32.png

  •  9
    cdbriggs90 replied

    It's not a row. It's a dedicated page blog title. It's not editable as a row. 

  •  8,342
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    body.single-post #ajax-content-wrap #page-header-bg[data-post-hs="default_minimal"] h1 {
        text-shadow: 0 20px 38px rgb(0 0 0 / 60%) !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  1,590
    Judith replied

    Hi There,

    Please try this css:

    .page-id-5938 body[data-col-gap] .vc_row-fluid .span_12.col.section-title, body[data-col-gap] .vc_row-fluid .span_12.post-area, body[data-col-gap] .vc_row-fluid .span_12.testimonial_slider {
        text-shadow: 0px -4px 14px black;
    }

    Thanks.

  •  9
    cdbriggs90 replied

    Hi Tahir, that just adds a shadow underneath, which is not really what I want. It needs to be centred behind the heading.

  •  9
    cdbriggs90 replied

    Hi Judith, I'm not really noticing any changes with that CSS.

  •  8,342
    Tahir replied

    You can adjust the snippet i provided as per your liking like below:

    .single-post #ajax-content-wrap #page-header-bg[data-post-hs="default_minimal"] h1 {
        text-shadow: 5px 5px 0px #47787b !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  9
    cdbriggs90 replied

    Thanks!