Joomla Templates Club 406,261 posts

[divinemagazine Friend divinemagazineJoin date: February 2015Posts: 88Downloads:0Uploads:3 Thanks: 18]

#204336

Hello,

Just wanted to ask if it’s possible to get a black background with white text for image caption.

Link to post http://divinemagazine.net/lifestyle/travel-nightlife/el-gouna-red-sea-egypt

Anders

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561608

Hi Anders,

Open custom.css file(create a new one if it does not exist at ja/template/ja_teline_v/css/custom.css) then add

span.wf_caption {
color: #ffffff
background: #2b2b2b
text-align: center;
font-weight: bold;
opacity: 0.7;
/* padding: 10px; */
}

The result look like so

NOTE: Just enable padding if you want the blackground around img

---

Attachments:

1. 

[divinemagazine Friend divinemagazineJoin date: February 2015Posts: 88Downloads:0Uploads:3 Thanks: 18]

#561622

Thanks for your reply Leo.

I have added the code to the custom.css file but it’s not working.

Any ideas why?

Anders

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561625

I didn’t see the css code in custom.css file http://divinemagazine.net/templates/ja_teline_v/css/custom.css

Could you please recheck?

[divinemagazine Friend divinemagazineJoin date: February 2015Posts: 88Downloads:0Uploads:3 Thanks: 18]

#561628

This is strange. The code is in the file.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561660

I’m sorry, now I see the css code, it seems an issue with my Chrome caches :-[

Please try again by adding the css code below

span.wf_caption {
color: #ffffff;
background: #2b2b2b;
text-align: center;
font-weight: bold;
opacity: 0.7;
/* padding: 10px; */
}

Dont for get to delete the css code in this post

[divinemagazine Friend divinemagazineJoin date: February 2015Posts: 88Downloads:0Uploads:3 Thanks: 18]

#561731

Hi Leo,

It still not working.

Would really appreciate if you could login to our site and take a look.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#561750

I just fixed this issue for you(missing commas ; for color and background properties), the css code working fine now.

Please check and let me know if you still have any questions 🙂

1 user says Thank You to phong nam for this useful post

1. divinemagazine

[divinemagazine Friend divinemagazineJoin date: February 2015Posts: 88Downloads:0Uploads:3 Thanks: 18]

#561758

Thank you so very much for all your great help Leo 🙂

[Natia Gabrichidze Friend Natia GabrichidzeJoin date: September 2014Posts: 27Downloads:7Uploads:2 Thanks: 8]

#561889

hi everyone we have trouble when we trying to share articles, it shows an images from category folder, and the category’s information too, when we deleted this images, they still appears. Any ideas for solving this problem?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#562241

@ismsites: your question is not related to thread, you should post a new thread instead.

[aliart Friend aliartJoin date: January 2013Posts: 29Downloads:0Uploads:9 Thanks: 14]

#563102

hi Leo

i need this and did what you advised, but no luck !

i use RTL and LESS (development mode).
so what is the right folder to place that custom.css file for my case?
and where to add the description of the image to be shown?

thanks alot

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#563160

Could you please give us your site to take a look?

Thanks

[aliart Friend aliartJoin date: January 2013Posts: 29Downloads:0Uploads:9 Thanks: 14]

#563215

hi

check this please:
http://bit.ly/18vAFWX
thanks

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#563233

Hi there,

There’re two way to add a caption for Joomla! article

1. Via article option, like this

by default, we disable the caption so If you want to show the caption for Full image article, please check this post http://www.joomlart.com/forums/topic/full-article-image-is-not-showin/#post-563197

2. Add caption inside Joomla! article using JCE Editor
If you are using JCE and you want to add the captions for imgs, you need to install the plugin named caption here https://www.joomlacontenteditor.net/downloads/plugins/captions

Thanks

---

Attachments:

1. 

[Author]

Posts