Community Forums › Forums › Archived Forums › Design Tips and Tricks › Greyish border around captioned image
- This topic has 9 replies, 2 voices, and was last updated 12 years, 3 months ago by
Lauren @ OnceCoupled.
-
AuthorPosts
-
June 12, 2014 at 3:12 pm #109513
wSb1gA3hYC
ParticipantI'm using Prose Child theme. I notice that I get a greyish border when I add a caption to an image.
I would like a white background and, if possible, I would like to change the font - embolden it perhaps.
I'm a newbie and was hoping there might be a plug-in for this - at least for the border color change. If there is no plug-in is there an easy way for a someone who isn't familiar with code to change it?
http://www.tossingtheball.comJune 12, 2014 at 3:13 pm #109514wSb1gA3hYC
Participantforgot to click that I would like to receive email replies
June 12, 2014 at 3:15 pm #109515Lauren @ OnceCoupled
MemberIn your CSS:
.wp-caption { <- find this block background: transparent; <- change this line font-weight: bold; <- add this line }
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
June 12, 2014 at 4:19 pm #109523wSb1gA3hYC
ParticipantThank you!!! for the code, where exactly do I put this .... if I read it correctly .... I am look for ".wp-caption" and replace whatever exists after "background:" with "transparent", etc.
But where do I look for the CSS?
June 12, 2014 at 4:20 pm #109524Lauren @ OnceCoupled
MemberIn your Dashboard, go to Appearance > Editor. The CSS file should be the first one to load.
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
June 12, 2014 at 4:27 pm #109526wSb1gA3hYC
ParticipantThank you, I'll give it a try!
June 12, 2014 at 4:48 pm #109529wSb1gA3hYC
ParticipantI made the changes as you suggested but I see no change at all. I have cleared the cache and updated as well. Here's what it looks like:
}.wp-caption {
background: transparent;
font-weight: bold;
padding: 10px;
text-align: center;Any suggestions?
June 12, 2014 at 5:25 pm #109533Lauren @ OnceCoupled
MemberIt's still a caching issue. The updates have not propagated. A minified CSS file is displaying the old CSS.
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
June 13, 2014 at 9:38 am #109586wSb1gA3hYC
ParticipantI think what you are saying is that even though I have cleared the cache on my site and browsers, I will still not see the change for some time to come? Is this true?
If so, about how long will it take before I can actually see a change has been made?
And, thank you for your help with this question!
June 13, 2014 at 9:51 am #109591Lauren @ OnceCoupled
MemberI don't know when it will come through as I don't know anything about your site's cache. I'm just saying that it is a caching issue, despite having cleared it. You may want to look into other ways to do a refresh.
🙂
Best,
Lauren
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.