Gallery Caption Overlay

Mauer Themes Support Bild Gallery Caption Overlay

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  Paul 1 year, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1249

    highermonkey
    Participant

    Is it possible to change the caption overlay box color and the test within … for example the box now is black and the text is white … I would like to change the box color to white and the text to black. Thanks for any help you might provide.

    #1254

    Paul
    Keymaster

    Hello Highermonkey,

    You can achieve that using the following CSS customization:

    /* customize colors */
    .entry-tile .entry-thumb-overlay, .entry-thumb-overlay {
    	background-color: #fff!important;
    	opacity: 0.72;
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=72)";
    	-moz-opacity: 0.72;
    	-khtml-opacity: 0.72;
    }
    .portfolio-project-or-gallery .entry-title, .mauer-rsContent-text, .entry-thumb-info .entry-cats {
    	color: #222!important;
    }

    Feel free to adjust the 72 opacity (in all 4 places) and the #222 font color to the values of your liking.

    You can insert custom CSS with this plugin. Once you install and activate it, in your Admin Panel please go to ‘Appearance’ > ‘Custom CSS’, paste the code and save.

    Regards,
    Paul

    #1276

    highermonkey
    Participant

    Paul thanks for the information … I may not have been clear … I want to change “Caption” of the image text to black and its surrounding box to white. The CSS you sent only appears to affect the Gallery cover text. Does that make sense? Thanks!

    Ken

    #1306

    Paul
    Keymaster

    Ken,

    I think I misunderstood you. Excuse me.

    You can control the caption with the following CSS:

    .mauer-rsSlideCaption {
            background-color: #fbfbfb!important;
            color: #222!important;
    }

    Cheers,
    Paul

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.