RocketTheme - TOPIC: [solved] Add a custom css file to a template override (4/5)

Welcome Guest! Login

0 items Join Now

- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago
- this is what I see (?)
#1214198
- Denis
- Newbie
- Posts: 12
- Thanks: 0
Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago
- Yes. The site is under construction, so please authorise on it (login and pswd are the same: rocketguest) and you will view the site with white background area. I try to make this background transparent.
#1214210
- Denis
- Newbie
- Posts: 12
- Thanks: 0
Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago
- Also I tried to use this code:
  .menu-samples #rt-mainbody {background: transparent;}
  (found it in this thread )
  but it was not useful in my case.
#1214212
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago
- well ... login doesn't really work?
  
  Anyway if you look at the code you posted ...
  
  .menu-samples #rt-mainbody {background: transparent;}
  
  is you many-item-alias called "samples"? I doubt that.
  
  Porbably it's home?
  so it would be
  
  .menu-home #rt-mainbody {background: transparent;}
  
  perhaps you want even try
  
  #rt-mainbody {background: transparent !important;}
  
  I suggest to check if the login is really workin ...
#1214214
- Denis
- Newbie
- Posts: 12
- Thanks: 0
Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago
- My apologies. It was cooming soon page activated. I switched off it, so now you may login normally.
  The full list of included .css files is the following:
  
  <link rel="stylesheet" href="/plugins/system/rokbox/assets/styles/rokbox.css" type="text/css" />
  <link rel="stylesheet" href="/libraries/gantry/css/grid-responsive.css" type="text/css" />
  <link rel="stylesheet" href="/templates/rt_lexicon/css-compiled/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="/templates/rt_lexicon/css-compiled/master-7d32a7e3c923f7d424b900e8554e3332.css" type="text/css" />
  <link rel="stylesheet" href="/templates/rt_lexicon/css/master-webkit.css" type="text/css" />
  <link rel="stylesheet" href="/templates/rt_lexicon/css-compiled/mediaqueries-7d32a7e3c923f7d424b900e8554e3332.css" type="text/css" />
  <link rel="stylesheet" href="/templates/rt_lexicon/css-compiled/demo-7d32a7e3c923f7d424b900e8554e3332.css" type="text/css" />
  <link rel="stylesheet" href="/templates/rt_lexicon/css-compiled/menu.css" type="text/css" />
  <link rel="stylesheet" href="/templates/rt_lexicon/css/rt_lexicon-custom.css" type="text/css" />
  <link rel="stylesheet" href="/templates/rt_lexicon/roksprocket/layouts/tabs/themes/default/tabs.css" type="text/css" />
  
  File /templates/rt_lexicon/css/rt_lexicon-custom.css is included, as you can see.
#1214218

cdavis411
Preeminent Rocketeer
Posts: 17787
Thanks: 882

Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago

switch the custom css to this

html body {
    background-image: url("https://download.unsplash.com/photo-1430165558479-de3cf8cf1478");
     background-size: cover;
     background-repeat: no-repeat;
	}

body #rt-mainbody, body #rt-page-surround {background: transparent !important;}

#1214237

- Denis
- Newbie
- Posts: 12
- Thanks: 0
Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago
- Switched but the image was disappeared (only white background is on the whole screen).
#1214274
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago
- I'm not 100% sure what you are trying to achieve.
  
  Try this code instead all what you have in your custom css file right now
  
  .pagesurround-type-custompagesurround #rt-page-surround { background-size: cover; background-repeat: no-repeat; } div.rt-container, #rt-main, .rt-main-wrapper { background: transparent!important; }
#1214281
- Denis
- Newbie
- Posts: 12
- Thanks: 0
Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago
- Henning, your last comment was very useful, thanks a lot) it is almost worked. I am trying to achive transparency for the content.
  May you also advise me how make transparent the area of logo and central area of a site where are the main texts?
#1214284

cdavis411
Preeminent Rocketeer
Posts: 17787
Thanks: 882

Re: SOLVED Add a custom css file to a template override

Posted 9 years 10 months ago

I am still seeing the same thing in your custom cs as yesterday

body {
    background-image: url("https://download.unsplash.com/photo-1430165558479-de3cf8cf1478");
     background-size: cover;
     background-repeat: no-repeat;
	}

div.rt-container, #rt-main, .rt-main-wrapper {
background: transparent!important;
}

should be this

html body {
    background-image: url("https://download.unsplash.com/photo-1430165558479-de3cf8cf1478");
     background-size: cover;
     background-repeat: no-repeat;
	}

body #rt-page surround, div.rt-container, #rt-main, .rt-main-wrapper, .rt-logo-block, .sprocket-tabs .sprocket-tabs-panels {
background: transparent!important;
}

this includes your latest request for the roksprocket tabs panels and the logo background to be transparent.

#1214359

Time to create page: 0.088 seconds