RocketTheme - TOPIC: Text Shadow in Camber Template (1/2)

Welcome Guest! Login

0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

- Arjun Khara
- Newbie
- Posts: 16
- Thanks: 0
Text Shadow in Camber Template

Posted 13 years 7 months ago
- Hi,
  
  I am using the Camber Template to build a site.
  
  Does anyone know how to get rid of the text shadow that keeps showing?
  
  Been cracking my head trying to remove the drop shadow that comes with the text.
  
  Here is the sample site: www.kelvinlim.com.sg/professional-photog...pore-the-artist.html
  
  Thanks tons.
#727193
- Adamck
- Elite Rocketeer
- Posts: 546
- Thanks: 2
- Web Developer, IT Assistant, Graphics design, App Developer
Re: Text Shadow in Camber Template

Posted 13 years 7 months ago
- In www.kelvinlim.com.sg/templates/rt_camber.../bodystyle-light.css
  
  Change this
  /* Main */ #rt-container-bg {background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);text-shadow: 1px 1px 0 rgba(255,255,255,0.8);}
  
  to
  
  /* Main */ #rt-container-bg {background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
  
  White shadow now removed from text
- Kiss my RSS
#727200
- Arjun Khara
- Newbie
- Posts: 16
- Thanks: 0
Re: Text Shadow in Camber Template

Posted 13 years 7 months ago
- Hi Adamck
  
  Thanks for replying so quickly. I made the changes but unfortunately the shadow is still showing on the text. It's got this white outline around the text, which I don't want.
  
  I even put the code above into the bodystyle-dark.css and tried it but it didn't work. The text always has this grey shadow behind making it very difficult to read.
  
  Anything else I could do?
  
  Thanks again for your help.
#727203
- Adamck
- Elite Rocketeer
- Posts: 546
- Thanks: 2
- Web Developer, IT Assistant, Graphics design, App Developer
Re: Text Shadow in Camber Template

Posted 13 years 7 months ago
- Try removing the whole CSS for main
  
  Remove
  #rt-container-bg {background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
  
  I did this in Firebug and it removed the background for me in Safari
- Kiss my RSS
#727206
- CMYKreative
- Elite Rocketeer
- Posts: 706
- Thanks: 15
Re: Text Shadow in Camber Template

Posted 13 years 7 months ago
- You're probably best changing it to:
  
  text-shadow:none!important;
  
  Add this into your overrides.css file and add whichever classes you want to remove it from.
- CMYKreative : Graphic Design , Web Design , Printing , Banner Ads , Branding and more.
#727209
- Arjun Khara
- Newbie
- Posts: 16
- Thanks: 0
Re: Text Shadow in Camber Template

Posted 13 years 7 months ago
- Hi Adamck
  
  Tried deleting the entire line. It also takes away the white background that I actually do want to keep. Interestingly enough this method works on Firefox but not Chrome.
  
  Is there any way I can keep the white background but remove the white outlines of the text?
  
  Hi CMYKreative
  
  I'm trying your method but I do not know how to add a class to the line you have given me. Sorry. I'm still very new to this.
#727213
- Adamck
- Elite Rocketeer
- Posts: 546
- Thanks: 2
- Web Developer, IT Assistant, Graphics design, App Developer
Re: Text Shadow in Camber Template

Posted 13 years 7 months ago
- Try this:
  
  /* Main */ #rt-container-bg {background: #fff;}
- Kiss my RSS
#727217
- CMYKreative
- Elite Rocketeer
- Posts: 706
- Thanks: 15
Re: Text Shadow in Camber Template

Posted 13 years 7 months ago
- You have two choices with css:
  
  1. remove or alter any css options within each and every css file that is applicable, i.e. delete the text-shadow css option completely and it simply won't appear then.
  or
  2. create a new css file, call it overrides.css or whatever you want, and add the class you want to alter with !important on the end of it and this will override the original css code, ensure this new css file loads last.
- CMYKreative : Graphic Design , Web Design , Printing , Banner Ads , Branding and more.
#727221
- Arjun Khara
- Newbie
- Posts: 16
- Thanks: 0
Re: Text Shadow in Camber Template

Posted 13 years 7 months ago
- Hey Adamck
  
  That code works perfectly on Firefox. Thanks tons for that.
  
  Chrome, however, is still showing the outlines. it must be a browser thing. I don't have IE on my Mac so I'll have to check it on my Windows computer.
  
  Thanks so much for your help. Wish Chrome would come into line as well. So close to the goal now.
#727222
- Adamck
- Elite Rocketeer
- Posts: 546
- Thanks: 2
- Web Developer, IT Assistant, Graphics design, App Developer
Re: Text Shadow in Camber Template

Posted 13 years 7 months ago
- Chrome might be caching the CSS...
  
  Click this
  www.kelvinlim.com.sg/templates/rt_camber.../bodystyle-light.css
  
  Refresh the page a few times
  
  Now try your site.
  
  +1 CMYKreative - You do need to understand basic CSS and HTML at a minimum to get anything custom styled on a website/Joomla/Template.
  
  This should be a basic task once you have found the CSS relating to the style your wishing to edit.
- Kiss my RSS
#727224