CSS to adjust border on all galleries

  • Resolved colinrc

    (@colinrc)


    5 years, 2 months ago

    Hi,
    I can easily use CSS to adjust the border for individual galleries however I cannot make it work across all galleries. In the documentation it talk about removing the gallery ID in the customiser and it will apply to all.
    When I look at the CSS produced it seems that the customiser styles are being loaded before the plugin styles and being overwritten back to the default.

    This works for an individual gallery

    div[data-envirabox-id="21027"] .envirabox-image-wrap {
	border-radius: 3px; 
	border: 2px solid white; 
}

    I have tried various combinations with no success.

    .envirabox-theme-captioned  .envirabox-image-wrap {	
	border-radius: 3px;
	border: 2px solid white; 
}

.envirabox-image-wrap {	
	border-radius: 3px;
	border: 2px solid white; 
}

    What should I be using in the customiser to apply this to all galleries ?

Viewing 2 replies - 1 through 2 (of 2 total)

  • hello @colinrc

    Using the code below in the customizer should override the default every time. If it doesn’t, please contact us through our chat support and we will definitely take a closer look.

    .envirabox-theme-captioned .envirabox-image-wrap {
    border-radius: 3px !important;
    border: 2px solid white !important;
    }

    .envirabox-image-wrap {
    border-radius: 3px !important;
    border: 2px solid white !important;
    }

    Thread Starter colinrc

    (@colinrc)

    Fantastic, that worked.

    Thanks for that.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS to adjust border on all galleries’ is closed to new replies.