Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 26, 2015 at 3:35 am #402429
    mikemhn

    Hi

    On my page header, there is a white font on a picture background. It doesn’t seem to run well with a multitude of colors.

    Is there a way to either put an outline around each individual letter so it stands out more? Like a white font with a black outline around it.

    I would prefer that, but if its not possible, perhaps a transparent gray box around the lettering?

    Any help would be appreciated.

    February 26, 2015 at 5:24 pm #402809
    Yigit

    Hi Michael!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-special-heading-tag {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: black;
text-stroke-width: 2px;
text-stroke-color: black;
}

    Regards,
    Yigit

    February 26, 2015 at 9:36 pm #402999
    mikemhn

    Is there a way to apply that to the subheading as well?

    February 27, 2015 at 10:09 am #403283
    Rikard

    Hey!

    Try the following in Quick CSS please:

    .av-subheading p {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
text-stroke-width: 1px;
text-stroke-color: black;
}

    Cheers!
    Rikard

    August 23, 2015 at 2:04 pm #491851
    erusko

    is there a way to do this via html?

    I need to do this for one of the captions on an image within a fullwidth easy slider.

    August 24, 2015 at 1:02 pm #492144
    Yigit

    Hey!

    Can you please post the link to your page and point out the element you would like to edit?

    Regards,
    Yigit

    August 24, 2015 at 1:15 pm #492150
    erusko

    I’d like to have the text “Bring your family and friends to see the floats at the St. Patrick’s Day Parade!” on the first slider image to pop out more,

    August 24, 2015 at 1:17 pm #492153
    Yigit

    Hey!

    Please enable custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your slider a custom class and then add following code to Quick CSS 

    .your-custom-class .slide-1 .avia-caption-content p {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
text-stroke-width: 1px;
text-stroke-color: black;
}

    Cheers!
    Yigit

    August 29, 2015 at 9:35 am #495252
    condonpb

    I have a strange thing here!!
    please see http://www.peter-test2.co.uk
    and text ” Prof Yacoub makes no charge for appointments, the Institute at Heart Science Centre is always grateful for donations to allow this work to continue.”
    I am trying to get the text captions in white to stand out more against the slider image. I have added the custom functions php code, and added the custom css class as “pbc-text” all is ok. However I can get any of the css to load it just shows the .pbc-text .slide-1 .avia-caption-content p {} with no content. I have tried this as a child and also in the quick css area and the same thing happens. Can you help please.

    • This reply was modified 9 years, 3 months ago by condonpb.
    August 31, 2015 at 9:36 am #495664
    Rikard

    Hey,

    I’m seeing this CSS applied to that text: 

    .pbc-text .avia-caption-content p {
    -webkit-text-stroke-width: 2px!important;
    -webkit-text-stroke-color: black!important;
    text-stroke-width: 2px!important;
    text-stroke-color: black!important;
}

    Did you manage to get it fixed?

    Thanks,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.