Line Break in caption URL
-
Hello
I am wishing to insert a hyperlink into my WordPress image captions as detailed here https://en.forums.wordpress.com/topic/can-i-put-a-url-link-behind-an-image-caption?replies=4#post-1490727
However as demonstrated by the first photo in this blog.
http://blog.monsoonrags.com.au/2015/08/11/our-fabrics/
When I only wish to have one word as the link, it inserts a line break into the text making it look unprofessional.
I have tried adjusting the code to insert an “no break space” ( ) but each time I do this and attempt to update, WordPress deletes the field.
The code should looks like this Indian hand woven cotton kalamkari print fabric
Can you please help me with this problem. Also it appears that inserting the URL into the image caption also changes the formating of the caption (reduces the space above and beyond – which is fare from ideal as well.
Thank you in advance
Geoff
The blog I need help with is: (visible only to logged in users)
-
Hi Geoff, we can fix this with a small bit of Custom CSS. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following to make the caption text one line.
.wp-caption .wp-caption-text a { display: inline-block; } -
TSP
Thank your quick response.
I have inserted the CSS as you suggest. It has soled one problem. The text is all on one line, but the link and the plain text are misaligned as per this link here:http://blog.monsoonrags.com.au/2015/08/11/our-fabrics/
Any suggestions on this next problem?
Cheers
Geoff -
Hmmm, seems to be a webkit browser issue (Safari and Chrome). Replace what I had given you with this.
.wp-caption .wp-caption-text a { display: inline-table; } -
-
- The topic ‘Line Break in caption URL’ is closed to new replies.