0
Welcome Guest! Login
0 items Join Now

Tutorial - How to Add Custom CSS File

    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
    • sorry about that but I changed the code shortly after making the post to test another module position and forgot to change it back. I have added the original code and set it to the rt-showcase-b module and it's still not working - any suggestions?
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
    • your code just can't work at all. I suggest to look into the very basics of css ;-)
      #rt-showcase-b does not exist and body is surrounding the page ...

      so try

      #rt-showcase .rt-omega div.rt-block {
      background-color: #b0c4de;
      }

      or

      #rt-showcase div.rt-container {
      background-color: #b0c4de;
      }
  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
    • Hi again, sadly none of those codes worked either. I am trying to apply the background color change to the showcase-b module position only not the entire showcase position, if possible.
  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
    • This worked. But keep in mind that it will not color the entire background vertically:

      #rt-showcase div.rt-grid-6.rt-omega {background: red;}

      I might also suggest using a page or menu or module id as part of that declaration in case you are using the showcase postion on other pages.
    • Last Edit: 4 years 5 months ago by JJ Spelman.
  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
    • Thanks that worked, thanks a lot!! Although I don't understand why you need to use the rt-omega value in the code I thought rt-showcase would point the declaration to the module why use rt-omega value?
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29361
    • Thanks: 954
    • Volunteer

    Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
    • both of my suggestions work cause I tried both on your site ;-)

      I really suggest to take look at the html structure.
      ... and always clear your browsre cache when you edit the css ...
    • Last Edit: 4 years 5 months ago by Henning.
  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
    • Because you have 2 positions allotted to the showcase position. The first of which is "alpha" and the second (last) is "omega". And you only wanted to change the bkgd of that area.

      HTH
  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago
    • ok thanks. are there any resources offered by rt where i can learn all this css styling specifically for rt templates? (i.e. rt-showcase .omega) etc..
  • Re: Tutorial - How to Add Custom CSS File

    Posted 4 years 5 months ago

Time to create page: 0.092 seconds