- This topic has 8 replies, 2 voices, and was last updated 1 year, 7 months ago by vako.
-
AuthorPosts
-
April 12, 2023 at 7:45 pm #70978
HI
I use the Ashe Pro Theme and want to make custom css for a single Post.
what is the easiest way to do this?April 12, 2023 at 8:54 pm #70979For instance i want to deactivate Drop Caps and Date on some posts but not for all of them.
April 12, 2023 at 9:49 pm #70982Hi TomS,
Thank you for reaching out to us. We are happy to assist you with your request to deactivate Drop Caps and Date on some of your posts.
In order to provide you with the best assistance, could you please provide us with the URL of your website? This will allow us to better understand your website’s setup and make the necessary adjustments.
Thank you and we look forward to hearing back from you soon.
Best regards, Vako
April 12, 2023 at 9:53 pm #70984This reply has been marked as private.April 14, 2023 at 6:06 pm #70995Hi TomS,
To hide some part of the page on particular pages, you need those page unique ids which can be founded, for example, id for the mentioned page is postid-528
Kind Regards
April 15, 2023 at 12:00 am #70999Tanks i know but i cant deactivate or find a way to disable drop caps with css.
April 15, 2023 at 10:19 pm #71002Hi TomS,
To change the drop caps on a particular post page and keep them on others, you can use the post’s unique ID to target the specific page you want to make the changes to. Here are the steps:
First, find the ID of the post you want to make the changes to. You can do this by going to your WordPress dashboard, clicking on “Posts,” and then clicking on the post you want to edit. The post’s ID will appear in the URL at the top of the page.
Once you have the post’s ID, add a custom CSS class to the post. You can do this by clicking on the “Screen Options” tab at the top of the page, and then checking the box next to “Custom CSS Classes.” This will allow you to add a custom CSS class to the post.
Add a custom CSS rule for the post. To do this, add the following CSS code to your theme’s “Additional CSS” section, replacing “POST-ID” with the actual ID of the post you want to make the changes to:
.postid-POST-ID .post-content > p:first-of-type:first-letter {
/* Add your custom CSS here */
}
This will target the specific post and apply the custom CSS you add within the brackets.
To keep the drop caps on other pages, simply remove the custom CSS class from those posts or pages, and the original CSS rule you provided will continue to apply.
I hope this helps! Let me know if you have any further questions.
Kind Regards
April 16, 2023 at 12:40 pm #71007Thank you.
It worked!
April 18, 2023 at 8:17 pm #71016You’re welcome! I’m glad to hear that the solution worked for you. If you have any further questions or concerns, don’t hesitate to reach out to me. Have a great day!
Kind Regards
-
AuthorPosts
- You must be logged in to reply to this topic.