Canvas Support

Change text styles on a light background image for the 404 page

2 replies · opened Jun 20, 2016

CcadilhacJun 20, 2016

Hi,

Contrarily to your demo. I have a light image for the 404 page. For the text that is on the image, how can I:

  • set it to a dark color instead of white
  • or set it as less transparent as it is
  • or set a nice dark shadow to the text
    This is in order to clearly see the text.
    I didn't find a solution myself because a script seems to set inline styles to the container.

Thanks.

SSemicolon WebSTAFFJun 21, 2016

Hello,

This is Definitely Possible. However you will need to add a slightly Customized CSS Code for this since we had earlier not added the CSS Styling for the Light Version earlier. Simply use the following CSS Code: 

.error404-wrap .error404 {
	line-height: 0.9;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 244px;
	color: #444 !important;
	opacity: 0.8;
	text-shadow: none;
}

.error404-wrap.dark .error404 {
	color: #FFF !important;
	opacity: 0.2;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

CcadilhacJun 22, 2016

Thank you.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard