0
Welcome Guest! Login
0 items Join Now

Quasar - Need help for two css modifications

Last Post
Search Topic
    • rider's Avatar
    • rider
    • Newbie
    • Posts: 5
    • Thanks: 0

    Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • Hi,

      I'm using Quasar template on this website: www.matieresignee-annecy.com/new_site

      I have tried to increase the font-size of the menu but i don't succeed, in the template.css file, i have tried this:
      #rt-header ._menu ul.menu {float:left; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; font-style:italic; font-size:18px;}
 
      The font-size:18px; has no effect. Why it doesn't work?

      There is an other modification that i dont' succeed to realise, i want to add an image in background like on this screenshot:
      This image is hidden for guests.
      Please log in or register to see it.

      I want that the image be in background behind the content. I think that i must use a background <div> but i dont' know how do that.

      Thanks for your help.
    #616464
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • Hi there,

      To change the menu size open template.css and find the following code around line 36...
      #rt-header ul li a span, #rt-header ul li .separator span {
    display: block;
    font-size: 14px;
    height: 29px;
    line-height: 28px;
    margin-left: -8px;
    padding: 0 10px;
}
      Just change the 14px to 18px :)

      To get a background image open the style3.css file and find the following code around line 9...
      body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #5D504C;
}
      Add the details of your image where it says none - so it looks more like this...
      body {background: url(../images/bg-image.png) no-repeat transparent;
   right:0;
   top:0;

      Also change repeat to no-repeat. You will have to play with the settings to get correct positioning.

      Hope this helps 8)

    • 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
    #616481
    • rider's Avatar
    • rider
    • Newbie
    • Posts: 5
    • Thanks: 0

    Re: Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • Thanks for your reply,

      For the menu, it's ok.

      For the background image, i add this in style3.css:
      body {background:url(../images/backgrounds/style3/background.png) no-repeat transparent right:0 top:0; color: #5d504c;}
 
      But there is no background image displayed. :cry:
    #616489
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • Hi there,

      OK let's try this...

      Add the following code to the bottom of template.css...
      body {background:url("../images/backgrounds/style3/background.png") no-repeat 100% 0 #D1CEC4;}
      Now open style3.css and comment out lines 21 and 53 - shown below..
      #rt-header {
    background-color: #D1CEC4;
}
#rt-main-surround {
    background-color: #D1CEC4;
}

      This should give you the background image. You can then adjust the 100% to get position right.

      Hope this helps 8)

    • 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
    #616516
    • rider's Avatar
    • rider
    • Newbie
    • Posts: 5
    • Thanks: 0

    Re: Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • It's perfect for the background image,

      I have a last question, i have tried to center the menu by adding this line in template.css:
      #rt-header ._menu ul.menu {width:960px; margin:0 auto; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; font-style:italic; }

      For me, width:960px; margin:0 auto; should center the menu but it doesn't work. I don't fine which css property block the menu on the left.
    #616531
    • bathala's Avatar
    • bathala
    • Newbie
    • Posts: 6
    • Thanks: 0

    Re: Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • Hi,

      I too want to a background image but I cant seem to follow the changes for style3.css because its not there. This is the part I cant apply:
      Now open style3.css and comment out lines 21 and 53 - shown below..
      #rt-header {
    background-color: #D1CEC4;
}
#rt-main-surround {
    background-color: #D1CEC4;
}

      What I do have in line 21::
      #rt-header2 {background: url(../images/backgrounds/style3/header-div.png) 50% 100% repeat-x;}
      and line 53:
      #rt-main-surround .title span, #rt-main-surround .rt-article-title span {color: #ccc;}

      I would appreciate any help.

      Thanks.

      r/Alex
      David Goode wrote:
      Hi there,

      OK let's try this...

      Add the following code to the bottom of template.css...
      body {background:url("../images/backgrounds/style3/background.png") no-repeat 100% 0 #D1CEC4;}
      Now open style3.css and comment out lines 21 and 53 - shown below..
      #rt-header {
    background-color: #D1CEC4;
}
#rt-main-surround {
    background-color: #D1CEC4;
}

      This should give you the background image. You can then adjust the 100% to get position right.

      Hope this helps 8)
    • I'm an independent game developer who's never going to make it in the industry because I'm color blind and has absolutely no imagination.
    #616774
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • Hi there,
      bathala wrote:
      Hi,

      I too want to a background image but I cant seem to follow the changes for style3.css because its not there.

      What I do have in line 21::
      #rt-header2 {background: url(../images/backgrounds/style3/header-div.png) 50% 100% repeat-x;}
      and line 53:
      #rt-main-surround .title span, #rt-main-surround .rt-article-title span {color: #ccc;}
      That is because the previous poster had already made changes of their own. :cheesy:

      Without a link to your site it is quite hard for us to provide the best solution due to so many variables. Can you please post a link to the problem and we will do our best to assist you.

      Thanks :)

    • 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
    #616779
    • bathala's Avatar
    • bathala
    • Newbie
    • Posts: 6
    • Thanks: 0

    Re: Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • Hi David,

      I'm sorry. I should have seen your signature. :)

      My site is www.mossimo.com.ph

      I just want to be able to set a website background image as described by the original poster, but mine would look something like this:
      This image is hidden for guests.
      Please log in or register to see it.


      Please let me know what more you need. Thanks.

      r/Alex
    • I'm an independent game developer who's never going to make it in the industry because I'm color blind and has absolutely no imagination.
    #616787
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • Hi Alex,

      Have you loaded the background image to the correct folder as I am currently showing file not found for the image in your code?

    • 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
    #616797
    • bathala's Avatar
    • bathala
    • Newbie
    • Posts: 6
    • Thanks: 0

    Re: Quasar - Need help for two css modifications

    Posted 13 years 10 months ago
    • Hi David,

      Thanks for the quick reply, what actually added to the end of templates.css is:
      body {background:url("../images/backgrounds/style3/background.jpg") no-repeat 100% 0 #D1CEC4;}

      I actually uploaded my file to:
      <wwwroot>/templates/rt_quasar_j15/images/backgrounds/style3/background.jpg

      Should I put them in the other styles?

      Thanks again for the help.

      r/Alex
    • I'm an independent game developer who's never going to make it in the industry because I'm color blind and has absolutely no imagination.
    #616805

Time to create page: 0.078 seconds