how to find and edit the style of a specific element

  • Resolved marctjason

    (@marctjason)


    7 years, 3 months ago

    I’m trying to set the text on the front side of the flip boxes to have opacity 0. So you can’t see it. I cannot figure out how to change it. I believe the styling set on the element is getting overridden somewhere but I’m not sure where or how to over ride that.

    Any help would be appreciated.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Unfortunately, your theme uses !important in places.

    To set the color of that text, you need to do the same.

    body.kc-css-system .front p {

    color: #000 !important;
}

    To add CSS: use the “Additional CSS” option in the customizer.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    It should work to use this custom CSS:

    .kc-flip-container .front .front-content {
    opacity: 0;
}

    You can add custom CSS in WordPress 4.7 at Dashboard > Appearance > Customize > Additional CSS, or your theme may have its own built-in custom CSS option. You could also use a custom CSS plugin.

    Thread Starter marctjason

    (@marctjason)

    Thank you so much. I was just adjusting it in the wrong place. I used the code above with a minor change due to wanting the titles to remain.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how to find and edit the style of a specific element’ is closed to new replies.