Generally, it’s better to add styling in the external stylesheet. Is there a reason you are not doing that?
You can often using existing classes, ids or tags to target specific links, or you can create a class for the styles you want to add.
If you can be more specific about what you are trying to do (i.e. all the links in a certain area of the page), it will be easier to help more specifically.
I wasn’t using the stylesheet because I’m teaching myself as I go along, so I’m probably doing everything the hard way until I figure out the easy way :p
If you go to this link for example, under the image is the item description a 9px. I would like every item description to be smaller than the body copy, but link to a product page.
However, that link might not always sit under the first image. It depends on the blog post. Does that make sense? (I hope so)
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Are you adding CSS within the HTML editor of the dashboard?
@andrew,
No, I’m changing these link details on a post-by-post basis
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I think you’ve experienced enough of the hardship to move onto using CSS how it was meant to be used.
Try the plugin Jetpack‘s Custom CSS functionality, to hold your CSS modifications.
The Custom CSS functionality will apply CSS internally, within the <head> section of every page.
So you want to pick at that description underneath the image?
Use a browser-inspector tool like the Developer tool built into Google Chrome to view the HTML structure of your webpage. You can then interpret what CSS selectors are necessary to pick that page element.
It looks like you’ll need something like;
.post img ~ a > span {
font-size: 9px;
/* Of course change the 9px size to what you desire */
}
Reference to CSS selectors
Haha thanks for understanding my suffering.
And do you know of any painfully simple CSS tutorials I can look at?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
W3schools are quite good for the basics. They’re not always right, but they use nice ‘Try it yourself’ tools, which is great for learning.
http://www.w3schools.com/css/default.asp
Thank you so much. You are a god among men
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You should attribute the other, helpful poster on this thread.
@wpyogi… thank you so much for helping me out
Sadly…it did not work.
Or I’m putting it in the wrong place, in which case where do I put it?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
What CSS did you try, that didn’t work?
Where did you apply that CSS?
I tried the one you gave me, and I put it in the Custom CSS… was that the wrong place?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I can’t see that CSS within your webpage, perhaps you’re entering it in the wrong section http://jetpack.me/support/custom-css/ ?
By the way, even if it is on the page, it won’t work because you’re overriding it with inline styles.
Who decided to make CSS so difficult?
The post I’m trying to fix now doesn’t have any inline styles because I haven’t put the relevant ones in yet. Oh dear
