Make Font size larger in part of a paragraph

tribalmuse · Member · Sep 24, 2015 at 12:51 pm
Copy link

Add topic to favorites
Hello…I would like to make the font size for the hyperlink FREE SHIPPING (in red) on my home page Sticky post. Can you please tell me how to do that…Many thanks, Andrea

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 24, 2015 at 9:00 pm
Copy link
Hi, the best way to do this would be to edit that post and add a “style” attribute to the strong tag for that link so that it looks like this.
<strong style="font-size: 150%;">FREE SHIPPING</strong>
You can then adjust my 150% example value as desired.
aliseda58 · Member · Oct 20, 2015 at 9:15 pm
Copy link
Nice idea and tip. But, what about making a capital letter in every post?
I’d love to use some of the WP themes with this feature in the pot, but the ones I tried gave me more trouble with other formatting stuff, as contrast between padding/letter colour in the comments. So… (my blog: http://mycrann.wordpress.com
thesacredpath · Member · Oct 21, 2015 at 6:49 pm
Copy link
Hi @adhmad58, are you talking about a drop cap?
aliseda58 · Member · Oct 21, 2015 at 8:16 pm
Copy link
Yes, thesacredpath. The sort of it you have in Libretto or Book Lite themes, maybe with no first line modification at all, but only a well differenced first letter in every post first line. Have I to do it post by post? Thanks
thesacredpath · Member · Oct 22, 2015 at 3:12 am
Copy link
Hmmm, I’m having trouble with this so I’m going to have to chat with one of our theme developers on it. They are all gone for the evening, so I’ll have to touch base with them tomorrow and I will get back to you.
thesacredpath · Member · Oct 22, 2015 at 10:31 pm
Copy link
Hi there, we finally got this sorted out. Give the following CSS a try and see what you think.
```
.format-standard .entry-content > p:first-of-type::first-letter {
    color: #cc0000;
    float: left;
    font-size: 7em;
    line-height: 80px;
    margin: 9px 15px 15px 0;
}
```
You can edit the color and the font size as desired. The rest of the items should not need editing, but if you run into problems, do let me know.

And if you could, since you are using a different theme than discussed in this thread, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.
aliseda58 · Member · Oct 23, 2015 at 10:20 am
Copy link
Many thanks as well. I’ll do as you say. Hope it works, but anyway your advice is useful for people like me totally newbie in CSS stuff. Thanks+!
thesacredpath · Member · Oct 23, 2015 at 6:02 pm
Copy link
You are welcome, and do let me know if you have any problems. One thing I forgot to mention is that this change won’t show up in the CSS Preview until after that page is reloaded, so add the code and then visit your site to see the change.

No items found.