Target text in white outline

  • futurefundtdu · Member ·

    i would like to target the text in the white outline. in another answer you say add
    .page-banner .headline.img-headline {
    display: none;
    }
    but this is not working for me, it still shows. can you give the css to display:none it AND ALSO the css to change the font and size and weight and color and the outline? i’m not sure which i will need.

    the site is private right now. can you still help?

    The blog I need help with is: (visible only to logged in users)

  • staff-therezzap · Staff ·

    Hello!

    Can you confirm which section of the site you are trying to target the text in the white outline? There are a few options for this, like the above CSS will only hide it when it is placed as the page banner. Are you hoping to hide this on the featured slider, or over the featured page or on select page? The CSS will change depending on what area you are looking at.

    If you’re able to provide a link to the site that isn’t private than I’ll have a better understanding of what you are referring to. But, if that’s not possible clarifying the above should help. :)

    Thanks!

    Rebecca

  • futurefundtdu · Member ·

    the featured slider only.
    to hide and/or change font size etc.

  • futurefundtdu · Member ·

    i meant to say featured slider and featured post

  • staff-therezzap · Staff ·

    Perfect, thank you for clarifying. :)

    You can hide it with the following CSS:

    .slideshow .information .headline {
    display: none;
}

    You can change the font size and styling with the same selector. For example, you would add:

    .slideshow .information .headline {
    font-size: 2em;
    font-weight: 200;
    border: 1px solid #000000;
}
.slideshow .information .headline a {
    color: #000000;
}

    You can play with these and add different styling as desired.

    These would be added in the Additional/Custom CSS section of the customizer using WordPress Premium.

    Thank you!

    Rebecca

  • futurefundtdu · Member ·

    thank you!
    that worked on slider but i also need to make same changes on the post
    .headline.img-headline {
    display: none;
    }
    works to display:none but not for font etc.
    also can you give the css to position it over left or right?

  • staff-therezzap · Staff ·

    Hello!

    You can use the following to change the color and font style for the headline on posts:

    .headline.img-headline {
    font-size: 2em;
    font-weight: 200;
    color: #000;
    border: 1px solid #000000;
}

    To move it to the right or left you’ll want to use the following:

    .headline.img-headline {
    left: 20%;
}

    Edit the percentage to move it either more to the left or more to the right, just beware how this affects the mobile styling also.

    Thanks!

    Rebecca

  • The topic ‘Target text in white outline’ is closed to new replies.