My CSS only works on the home page
-
I adjusted the CSS on my blog manunitedexpat.com, but it only works on the title page. It doesn’t work on the About page. How do I make that CSS change applicable to all pages?
The blog I need help with is: (visible only to logged in users)
-
Hi Kevin,
The CSS adjustment you added only applies to the front page because of its ID Selector.
If you want to adjust the next page, please add the following to your Customizer → CSS tab.
p#site-title a {
color: #f10303 !important;
font-size: 48px;
font-weight: bold;
}Make sure you add this code beneath the existing code, rather than replacing it.
Then Save your changes. That should do the trick!
For more detailed instruction on how you can make CSS adjustments on your own, take a look at these two links:
https://dailypost.wordpress.com/2013/07/25/css-selectors/Thanks so much!
-
-
-
-
-
-
Can I ask for one more piece of CSS advice?
I’d like links to be visible rather than only on hover. I’d like the link to be in red. -
Hey Kevin,
Try this out:
a {
color: red;
text-decoration: underline;
}That should work well for you. Cheers!
-
Brilliant! Do you think I should have my blog hosted? There is a very slight chance occasionally I might get a lot of traffic because of the subject
-
Kevin,
In my opinion, you should remain here a WordPress.com, because you have access to our support team. Once the site grows, you might find you want to make the move to a self-hosted site.
We do host many incredible popular sites (here’s a sample of some of our clients), so that shouldn’t be a concern for you :)
-
-
-
Robyn now I’ve loaded that new CSS there’s a conflict on the mobile display. The post slides up over the title.
-
I just loaded your site on my mobile device. Here’s how the site appeared on my side:
Could you take a screenshot of what you’re seeing on your side and upload it to your Media Library? Screenshot instructions are here:
-
-
It looks like the only change is perhaps the addition of a header image. I’m betting the header image pushes the post down so that it doesn’t overlap the title. This shouldn’t happen so if you notice it again, please let us know!
-
- The topic ‘My CSS only works on the home page’ is closed to new replies.
