Joomla Templates Club 406,261 posts

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#682655

Hello,

I wish to change color of some parts of template. So the blue color need to be changed to brown.

Navigation (active link color)
Background below Contact us near by navigation
Module on the frontpage (blue background)
Inside od articles (here: apartmani-cesarica.com/index.php/apartmani-cesarica)

Web: apartmani-cesarica.com

And thats it. How to do that?
Brown color like brown theme at the same that template.

Thank you very much

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#682797

Hi,

You can change the blue color to brown with some changes

Open templates/ja_decor/css/custom.css file and add new css style below


.t3-masthead {
background: #b39964 ;
}

.has-masthead .t3-mainbody {
background: url("../images/subbody-bg.png") no-repeat left top / 100% auto #f0f0f0;
}


with the image: templates/ja_decor/images/subbody-bg.png file changes to brown color

Regards

1 user says Thank You to Ninja Lead for this useful post

1. msilac

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#748040

Hi,

You can change the blue color to brown with some changes

Open templates/ja_decor/css/custom.css file and add new css style below


.t3-masthead {
background: #b39964 ;
}

.has-masthead .t3-mainbody {
background: url("../images/subbody-bg.png") no-repeat left top / 100% auto #f0f0f0;
}


with the image: templates/ja_decor/images/subbody-bg.png file changes to brown color

Regards

1 user says Thank You to Ninja Lead for this useful post

1. msilac

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#682814

Ok, that is for article… what about navigation, contact us and modules?

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#748057

Ok, that is for article… what about navigation, contact us and modules?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#682816

Hi there
You can simply do that in second with browser debugger

Navigation

.nav .current, .nav .active a {
color: #0b96f3
}

About contact us & module please explain in detail which element you want to work on.

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#748059

Hi there
You can simply do that in second with browser debugger

Navigation

.nav .current, .nav .active a {
color: #0b96f3
}

About contact us & module please explain in detail which element you want to work on.

Thank you,
Viet Vu

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#682817

Like As I say in first post, on the frontpage at the top right Corner Contact us (Kontaktirajte nas) blue background there…

Module – blue background of modules at frontpage

Thank you for navigation but I was thinking that these changes will change every active link on page (like at the bottom – on maps,

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#748060

Like As I say in first post, on the frontpage at the top right Corner Contact us (Kontaktirajte nas) blue background there…

Module – blue background of modules at frontpage

Thank you for navigation but I was thinking that these changes will change every active link on page (like at the bottom – on maps,

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#682818

<em>@msilac 491379 wrote:</em><blockquote>Ok, that is for article… what about navigation, contact us and modules?</blockquote>

Hi,

With other places, you can see more details below

+ Navigation

.nav .active a {
color: #b39964 ;
}

+ Background below Contact us

.navbar-nav > li.nav-highlight > a, .navbar-nav a.nav-highlight {
background: #b39964 ;
}

+ Module on the frontpage

.background-primary {
background-color: #b39964 ;
}

add all css styles above into templates/ja_decor/css/custom.css file

Regards

1 user says Thank You to Ninja Lead for this useful post

1. msilac

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#748061

<em>@msilac 491379 wrote:</em><blockquote>Ok, that is for article… what about navigation, contact us and modules?</blockquote>

Hi,

With other places, you can see more details below

+ Navigation

.nav .active a {
color: #b39964 ;
}

+ Background below Contact us

.navbar-nav > li.nav-highlight > a, .navbar-nav a.nav-highlight {
background: #b39964 ;
}

+ Module on the frontpage

.background-primary {
background-color: #b39964 ;
}

add all css styles above into templates/ja_decor/css/custom.css file

Regards

1 user says Thank You to Ninja Lead for this useful post

1. msilac

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#682820

Hi there
Here you are

.navbar-nav > li.nav-highlight > a, .navbar-nav a.nav-highlight {
background: red;
padding: 10px 20px 10px 30px;
margin: 20px 0;
color: #ffffff
}

If you are using Chrome you can check this document

https://developer.chrome.com/devtools

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#748063

Hi there
Here you are

.navbar-nav > li.nav-highlight > a, .navbar-nav a.nav-highlight {
background: red;
padding: 10px 20px 10px 30px;
margin: 20px 0;
color: #ffffff
}

If you are using Chrome you can check this document

https://developer.chrome.com/devtools

Thank you,
Viet Vu

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#682821

Thank you very much!

There is one thigs left… box “read more” – “Pročitajte više…” on the frontpage

[msilac Friend msilacJoin date: October 2010Posts: 548Downloads:2Uploads:74 Thanks: 115 Thanked: 5 times in 1 posts]

#748064

Thank you very much!

There is one thigs left… box “read more” – “Pročitajte više…” on the frontpage

[Author]

Posts