0
Welcome Guest! Login
0 items Join Now

css-code in rt-oculus-custom.css will not work

Last Post
Search Topic
    • Andyowl's Avatar
    • Andyowl
    • Rocketeer
    • Posts: 67
    • Thanks: 0

    css-code in rt-oculus-custom.css will not work

    Posted 9 years 8 months ago
    • Hi,

      i will insert following code for rt-containerin in my rt-oculus-custom.css:


      #rt-container{
box-shadow: 0px 5px 40px 5px #999 !important;  
}

      This code will not work. What is my problem?

      Link to my site: www.checkdivers.com

      Thanks and kind regards

      Andreas
    • Last Edit: 9 years 8 months ago by Andyowl.
    #1129101
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: css-code in rt-oculus-custom.css will not work

    Posted 9 years 8 months ago
    • rt-container is a class not an ID ( so should be . instead of #).

      Also file should be called rt_oculus-custom.css

      Also, in your custom CSS your have set all sorts of fixed dimensions on the gantry containers - this has now broken the template in many viewport sizes (resize the browser and you'll see what I mean) - you should not set fixed dimensions on anything in a responsive template - if you really have to then you need to be using media queries too so you can set a value appropriate to the viewport dimensions.
      /* Smartphones */
@media (max-width: 480px) {

}
 
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
 
}
  
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
 
}
 
/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {
 
}
 
/* Large Display */
@media (min-width: 1200px) {
     
}

      Regards, Mark.
    • Last Edit: 9 years 8 months ago by MrT.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1129106

Time to create page: 0.035 seconds