Custom content and Title Section styles for a CPT

[DiegoBRRSPF]

Hi!

I’ve created a Custom Post Type and a single page for its content (please check the attached image). What I need to do is:

1 – Set a style for the titles (H1, H2 etc.) and body text/ paragraph JUST for the content of the post (the red area), keeping the rest of the page with its current styles for this tags.

2 – Remove the Title information of the title section, keeping just te breadcrumb.

I’ve added some CSS for the H1, H2, p etc. tags, but as you can see on the image, the Title Section and the Comments Section have naturally reflects those CSS, and I don’t want it to (I want to keep the original theme fonts for those sections).

Thanks in advance!

 

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, i see, i would need to see it to check the css, do you have a live link?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[DiegoBRRSPF]

Hello Laura,

In fact I believe the CSS doesn’t matter.

You can consider a default page from KLEO. The point is: considering a default KLEO page, what CSS I need to alter to get the results of the image?

Thanks!

[Laura]

Hello, here the css for a default kleo post page, you would need to add the css to style.css
But it will remove all page titles unless you have a special cass for the custom post type, that was what i wanted to check at the live link

Remove title

COPY CODE

h1.page-title {
    display: none !important;
}

To edit H1,H2,H3 or p, you can use their default classes

COPY CODE

h1 {
font-size:PLACE THE SIZE IN PX;
color: PLACE A COLOR;
}
h2 {
font-size:PLACE THE SIZE IN PX;
color: PLACE A COLOR;
}
h3 {
font-size:PLACE THE SIZE IN PX;
color: PLACE A COLOR;
}
p {
font-size:PLACE THE SIZE IN PX;
color: PLACE A COLOR;
}

You can add any css style to them, if you need a better code, just let me know what changes you want to do and it will give you the code.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[DiegoBRRSPF]

Hi Laura.

About the title, your CSS solved the problem, thanks.

About the H1, H2 etc., I believe I didn’t myself clear. I know how to change the H1, H2 etc. classes (exactly like your code), but if I do this, EVERY H1, H2 etc. will be impacted.

What I need to archive is alter the HX, P etc. classes of a SPECIFIC part of the page. If you look at my image, you can check that I already changed the HX and P classes, but as you can see at the blue square, it changed the classes of the “Comments” section as well, and I don’t want it. Additionally, it doesn’t appear on the image, but the text of the right sidebar was affected, and I don’t want it.

I just want to change the HX and P classes of the specific (MAIN) content (the red square).

Thanks!

[Laura]

Hello, then you can use the class .article-content 🙂

COPY CODE

.article-content h1 {
STYLE HERE
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[DiegoBRRSPF]

Hi Laura!

Worked like a charm.

Thank you ver much!

[Laura]

Glad to help 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts