Archived topic

Selector at Block Content template

5 replies · Started by Radek on October 7, 2021

Viewing posts 1–6 of 6

October 7, 2021 at 1:20 am #1955562

Hi, I'v got simple Block Content template used for archive of my CPT. Only container with background image with 0.4 opacity, title and button. For god I can't find right selector+CSS to change image opacity on container hover. Can You please push me little forward ? Link at private info. Thanx a lot.

October 7, 2021 at 1:40 am #1955576

Hi Rodek,

Try .gb-container.gb-has-dynamic-bg

Example:

.gb-container.gb-has-dynamic-bg:hover::before {
opacity: 0.8;
}

October 7, 2021 at 3:22 am #1955635

Doesn´t work. FYI: GP 3.1.0-alpha.2, GB 1.4.0-beta.1, GPP 2.1.0-beta.1

October 7, 2021 at 4:34 am #1955694

Hi there,

you have this commented out CSS before the CSS Elvin provided:

/* šedé google mapy
iframe { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
*/

Remove that as you have /* comments */ nested inside a /* comment */ which is invalid CSS, which breaks the CSS that comes after it.

October 7, 2021 at 5:34 am #1955747

Grrrr so so stupid mistake, shame on me. Thanx David, as allways You are the best.

October 7, 2021 at 6:33 am #1955806

Glad to be of help :)

This archived topic is closed to new replies.

Start building better websites today.