![]() ![]() If you look at the classes which exist within the Body element of your websites pages and posts, you’ll see numerous classes which you can tap into for adding rules. In addition to being able to isolate a page / post’s CSS based on its ID, you can also use other classes which apply more broadly to specific sets and groups of posts. The WordPress CSS Class and ID structure is very useful and intuitive. So then you can simply browse through your website, page-by-page, post-by-post, until you’re satisfied the rule is applying ONLY to the intended posts / pages. #header-image Īdding this should cause the quoted message to display AFTER the Body element (to which the. To target the Homepage specifically we would want to include the parent class. However, applying this rule directly to the #header-image ID would make the image not display anywhere on the website. The CSS rule necessary to stop an element from displaying is: display: none. For styling reasons, you would like this to not display on the top of the homepage but to continue displaying within the header of every other page and post. Lets say you have an image which displays in the header of every page of your website. This class is automatically applied to the of the homepage of all WordPress themes. In order to target the CSS on the homepage specifically you can use the class. Continue reading below for more detailed information. The HTML section of each page will contain a unique class which will allow you to target the specific page or post. To facilitate this, WordPress provides an intuitive CSS class and ID structure which we can make use of. ![]() So intelligent, in fact, that the developers knew WordPress users might have a need to modify specific pages independent of their other pages or posts. WordPress is a very intelligently built content management system (CMS). ![]() > Blog > WordPress CSS > WordPress: Customize the CSS for specific pages or posts ![]() Septem/ WordPress CSS / 18 Comments / Author: Rick D'Haene WordPress: Customize the CSS for specific pages or posts ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |