Backgrounds behind gk_shortmenu & behind several headlines

How can I make Backgrounds behind gk_shortmenu text on homepage and behind several headlines and text.
The problem is, that I have several background images links or text becomes invisible because of similar bg color

You may visit my site to see what the problem is - especially on Frontpage and 'Events & Blog'

http://hochzeitsautomieten.de

Could you please create a mockup how should it look like?

Something like this ... see attachment
Off course better styled I just need the code

(don't mind if the live site at [url]hochzeitsautomieten.de[/url] is changing bg header image from time to time as I am experimenting with different bg images as well)

PS: there is one more thing I want to suggest to any replies in this forum:
If someone sends a code, may be it is helpful to add the name of the .css file and row (even approx ?)

I don't know what other moderators suggest but I always advice to use override.css. Doing so allows you to easily update the template in the future - only one file needs to be copied to new template. Doing anything else will overwrite all your changes and you will need to manually insert them again.

Now going back to images menu background... Please edit: /templates/gk_steakhouse/css/override.css and add at its end:

Code: Select all

#gkHeaderMod .gk-short-menu > li {
   background: rgba(255, 0, 0, 0.5);
   padding: 10px;
}


Above code will create red 50% transparent overlay. It also adds 10px padding around elements without which they look strange.
Remember to enable "CSS override" in template settings - advanced section.

thanks - works perfect

Ok.
Is there anything else I can help you with regarding this topic?