Help: 4 bottom articles title with transparent dark BG

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Aug 17, 2015 9:19 pm
Reply with quote
Report this post
Hi Team,

how can I add a dark background to the article's title. I am pointing to the 4 articles in the mainbody bottom position.
I can barely see the title, especially when the image is bright.


Please help.

kind regards,
koko
User avatar
Junior Boarder

GK User
Tue Aug 18, 2015 9:21 am
Reply with quote
Report this post
Could you please post an url to your site?
User avatar
Moderator

GK User
Fri Sep 11, 2015 8:51 pm
Reply with quote
Report this post
Its the 4 articles that are on mainbody bottom position. Www.fbwien.at

Thanks!
User avatar
Junior Boarder

GK User
Mon Sep 14, 2015 7:32 pm
Reply with quote
Report this post
"NEWS AND FEATURES" section?
User avatar
Moderator

GK User
Mon Sep 14, 2015 10:37 pm
Reply with quote
Report this post
Hi Admin,

no, it's the 4 Article with the Image, where the Title cannot be seen because of the color, position etc. Maybe a transparent black background around the title can be helpful?

Please see the screen.
User avatar
Junior Boarder

GK User
Fri Sep 18, 2015 1:00 pm
Reply with quote
Report this post
Please edit: /templates/gk_rockwall/css/override.css and add at its end:
Code: Select all
.gkNspPM-TitleOverlay[data-textpos="bottom"] > figure > figcaption {background: rgba(0,0,0,0.5); height: 100px;}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Fri Sep 25, 2015 6:03 pm
Reply with quote
Report this post
Hi,

Somehow it does nothing, or i did not explained my request very well. I wanted to have the title on the images with a transparent black background so you can still the white font behind a white Image.

Can you help me with it please?
User avatar
Junior Boarder

GK User
Mon Sep 28, 2015 1:33 pm
Reply with quote
Report this post
Please try adding !important to the background declaration:
Code: Select all
.gkNspPM-TitleOverlay[data-textpos="bottom"] > figure > figcaption {
    background: rgba(7, 6, 6, 0.34) !important; height: 100px;
}
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.