Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Grid3 - Background Colour

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi there

need to change the Background colour to a beige
my website: www.qsecconstruction.co.za
I went into
theme.css and changed it there ( see attached file)
When I edit my articles in the backend I see there that the background has changed
(see attached file)
but on the actual website it is still white

I. not sure If I changed the background colour in the correct css file

Please help

thx
Martie
Attachments:
  • Juicyberries's Avatar
  • Juicyberries
  • 3 Month Basic
  • 191 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Martie,

Please make sure that you change the background color in this file:

www.qsecconstruction.co.za/templates/grid3/css/themes/blues/template.css.

html > body {
background-color: #f9f9f9;
color: #555;
}

Regards,
  • vietvu's Avatar
  • vietvu
  • 12 Month basic
  • 605 posts
  • 51 Thanks
  • Karma: 22
The administrator has disabled public write access.
The following user(s) said Thank You: Juicyberries
Hi

I've got a couple of more thing I want to change
(www.qsecconstruction.co.za)
and sure that it is all in some of the css files - which's ones I'm not sure
See my jpg attached
1) The line underneath the slideshow pic i want to make blue
2) Underneath my Qsec logo there is a white line - how do I get rid of it
3) I want to change the white background of where the article are written
4) That line underneath the article heading will problably alos show up white once I've changed the backround colour - How do I change it

thx
Martie
Attachments:
  • Juicyberries's Avatar
  • Juicyberries
  • 3 Month Basic
  • 191 posts
  • Karma: 0
The administrator has disabled public write access.
1. You can edit file and change the background color here:

www.qsecconstruction.co.za/templates/grid3/css/themes/blues/template.css
#overlaytrim {
  background: rgba(0,0,0,0.4);
  position: absolute;
  z-index: 8;
  height: 6px;
  width: 100%;
  top: 304px;
}

2. In the same file you can remove the background property:
.sidebar .moduletable {
background: url(../../../images/horbevel.png) repeat-x left bottom;
border: 0;
padding: 10px;
margin-bottom: 30px;
float: left;
width: 100%;
}

3. In this file: www.qsecconstruction.co.za/templates/grid3/css/themes/blues/template.css

You can find these lines, remove the !important mark
#grid1, #banner, #midCol {
-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
background: #fafafa !important;
}

Then right below those lines above you can add
#midCol {
   background: #ccc; /*change #CCC to your desired color*/
}

4. That line is controlled by CSS in this file www.qsecconstruction.co.za/templates/grid3/css/themes/blues/template.css

h2, .moduletable h3, body h1 {
letter-spacing: 0.03em;
background: url(../../../images/horbevel.png) repeat-x left bottom;
border: 0;
}

You can remove the background property.

Regards,
  • vietvu's Avatar
  • vietvu
  • 12 Month basic
  • 605 posts
  • 51 Thanks
  • Karma: 22
The administrator has disabled public write access.
Hi there


Regarding changing the white backround colour
I tried what you gave me but it seems to go transparent then
on the home page with the picture blocks the colour changes but no the article background????

Any sugesstions????

3. In this file: www.qsecconstruction.co.za/templates/grid3/css/themes/blues/template.css

You can find these lines, remove the !important mark

#grid1, #banner, #midCol {
-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.2);
background: #fafafa !important;
}
  • Juicyberries's Avatar
  • Juicyberries
  • 3 Month Basic
  • 191 posts
  • Karma: 0
The administrator has disabled public write access.
Hi and then how do I get rid of the white (horisontal)between the pictures
I want it to have a white border

se jpg attached
Attachments:
  • Juicyberries's Avatar
  • Juicyberries
  • 3 Month Basic
  • 191 posts
  • Karma: 0
The administrator has disabled public write access.
Thats the border style selected in the module settings

Try changing the border settings - or if you wanted to keep a border then the css would need to be changed to alter the style displayed

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 8 years 4 months ago by manh.
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers