-
Author
-
March 27, 2017 at 22:42 #156870DiegoBRRSPFParticipant
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.March 29, 2017 at 02:47 #157005LauraModeratorHello, 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 solutionLaura 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 🙂
April 5, 2017 at 23:05 #157750DiegoBRRSPFParticipantHello 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!
April 7, 2017 at 12:35 #157880LauraModeratorHello, 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 linkRemove title
COPY CODEh1.page-title { display: none !important; }
To edit H1,H2,H3 or p, you can use their default classes
COPY CODEh1 { 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 solutionLaura 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 🙂
April 7, 2017 at 15:05 #157898DiegoBRRSPFParticipantHi 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!
April 10, 2017 at 09:59 #158046LauraModeratorHello, 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 solutionLaura 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 🙂
April 10, 2017 at 17:16 #158091DiegoBRRSPFParticipantHi Laura!
Worked like a charm.
Thank you ver much!
April 11, 2017 at 21:07 #158231LauraModeratorGlad to help 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura 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 🙂
-
AuthorPosts
The forum ‘General questions’ is closed to new topics and replies.