Changing website colours

Hi Guys,

Does anyone know how to change the background colours in tables on the front page. IE: Shout Box, Quick Search.

Quote · 1 Jun 2009

Hi Goldman,

The answer is here: Changing Blocks Background Colour

Cheers!

Jhazzi

Quote · 1 Jun 2009

Hi Jhazzi,

Thanks for that.  For all those interested.  It's line 491 in template/tmpl_uni/css/general and it changes all the block background colours.

Quote · 1 Jun 2009

Hi Jhazzi,

Just wondering if you also know how to change the background colours in the text header boxes. E: Shout Box, Quick Search.

Quote · 1 Jun 2009

Hiya Goldman,

No, I don't know how to change it BUT using Firebug, I think it's referred to as boxFirstHeader. I suggest looking in same general.css and do a "find" for it using something like PSPad (what I use).

I've pulled an all-niter and didn't get my issue resolved. I am going to crash. Happy Monday!

Quote · 1 Jun 2009

Look into general.css to disignbox this is the box who is used to make the blocks.

Kids first
Quote · 1 Jun 2009

Edit file templates/tmpl_uni/css/general.css

 

2 ways to do it
 
1)
Find .disignBoxFirst
and this line background-image:url('../images/head_cutting.gif');
 
Replace head_cutting.gif with image with another color/appearance
 
 
2)
Find .disignBoxFirst
and this line background-image:url('../images/head_cutting.gif'); and hide it like this
/*background-image:url('../images/head_cutting.gif'); */
 
Find .boxFirstHeader and add this code
background-color:#CCE6FF;
 
 
Change color CCE6FF to what suits you...
Will change header on most of the sites (not on sub_headers search.php)
Quote · 1 Jun 2009

I've been trying to change my block colors, got the back ground and favicon done, but when i download or open general.css this is the only thing that comes up.  Any ideas???

 

@import url(../../base/css/general.css)
Quote · 20 Aug 2011

templates/base/css/comon.csss

top of box colour change

../images/design_border_cutting.gif

box colour change

.boxContent {
    overflow: hidden;
    font-size: 11px;
    padding: 1px 1px 1px 1px;
    background-color: #B2F0FF;

top of box menu background link

icons
dbtopmenu_right/dbtopmenu_left

form_advanced_table th.block_header

.form_advanced_table th, .form_advanced_table td, .input_close, .button_wrapper_close {
    background-color: #F9E6C7;
}
gzip_l...abf.c

Quote · 21 Aug 2011

Hello goldman,

 

Find Dolphin root/templates/base/css/common.css file and the following code in it near line 240:

.disignBoxFirst {
    border:1px solid #CCC;
    margin-bottom:10px;
    background-image:url(../images/head_cutting.gif);
    background-repeat:repeat-x;
    background-color: transparent;
    position:relative;
}

Copy this code to Dolphin root/templates/tmpl_your_template/css/common.css file after:

@import url(../../base/css/general.css)

Modify background properties and save the file. Now go to dolphin admin panel dashboard and clean all cache.

If you use a background image as blocks headers background then it should be in tmpl_your_template/images/ directory.


Best regards, nuknspax.

Free and premium Dolphin templates. Custom design services.
Quote · 21 Aug 2011
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.