Support » Fixing WordPress » How do I apply a CSS that I like to other parts of my site?

  • Sorry, site is not live.

    I am using HESTIA, and I want to apply the image CSS from the “Meet Our Team” section to other images on various posts and pages in my site. I’ve studied the HTML a bit, but I do not know it or CSS well enough to understand how to do this.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Sajjad Hussain

    (@sajjadhussain2509)

    Hello Ericbeckham,
    There is a lot of ways to implement CSS on a different part.
    In a simple way just go to the specific part that has already the style. Inspect on it see the classes/id styles. just copy the class or style and go to the part which you like to be. Edited the part put a class or create new class does the same CSS.
    This is a generic way to do. If you have CSS basic knowledge otherwise please do not. Maybe you will flush your theme design.

    Hey @ericbeckham,

    In addition to @sajjadhussain2509’s answer, I’d like to add that it would be a really good idea to create a child theme for these kinds of changes. That way, if your main theme gets an update, your customizations won’t be overridden.

    Thanks, @sajjadhussain2509 . I’m not sure I even understand what you’re saying. Sorry. I don’t see what you’re talking about with the Inspect part, or how to apply a CSS to an image that in a post or page. Maybe I’m blind?

    Hey @ericbeckham,

    What @sajjadhussain2509 means is that you can use your browser’s element inspector to look at the CSS that’s used on the image from the “Meet Our Team” section. You can do so by right-clicking the image and then choose ‘Inspect Element’ from the menu that comes up.

    Then you would copy those styles and apply them to the images in other places on your site. You would do that through custom CSS that you add to your theme. You could do so either using a child-theme, or by adding it to Hestia’s ‘Additional CSS’ field in the theme-customizer (which would probably be easier).

    It goes too far here to give you the exact CSS code that you would need, because that’s time-consuming. But essentially, that’s what you’d do.

    To do all this, you’d need some grasp of working with CSS. Alternatively, you could try reaching out to Hestia’s support and ask if they have a ready-made solution for you.

    I hope this helps you on your way.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.