1. Spectrum
  2. Thursday, 30 July 2020
http://demo.joomshaper.com/2017/spectrum/index.php/about

When looking "OUR TEAM" -section, there is green overlay feature with personal images.
Is there a way to take it off/remove it?
Accepted Answer
Hi,
It would be better to have your site URL though.
You may use the following code to remove the overlay color within your custom CSS:

body .sppb-addon-person .sppb-person-image:after {
background: none!important;
}

And if you want to change the color then you may use the following:

body .sppb-addon-person .sppb-person-image:after {
background: rgb(150 25 118 / 80%);
}

Please use your own color code above.

Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Best Regards
  1. more than a month ago
  2. Spectrum
  3. # Permalink
Responses (3)
Hi,
It would be better to have your site URL though.
You may use the following code to remove the overlay color within your custom CSS:

body .sppb-addon-person .sppb-person-image:after {
background: none!important;
}

And if you want to change the color then you may use the following:

body .sppb-addon-person .sppb-person-image:after {
background: rgb(150 25 118 / 80%);
}

Please use your own color code above.

Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Best Regards


Thanks Rashida, works perfect!
  1. more than a month ago
  2. Spectrum
  3. # 1
Hi,
It would be better to have your site URL though.
You may use the following code to remove the overlay color within your custom CSS:

body .sppb-addon-person .sppb-person-image:after {
background: none!important;
}

And if you want to change the color then you may use the following:

body .sppb-addon-person .sppb-person-image:after {
background: rgb(150 25 118 / 80%);
}

Please use your own color code above.

Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn

Best Regards


Thanks Rashida, works perfect!
You are always welcome:)
  1. more than a month ago
  2. Spectrum
  3. # 2


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.