Joomla Templates Club 406,261 posts

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#204637

Hello,

There are 2 things i don’t know how to change. I can’t found the css code.
I don’t know how the change the hover link color in the megamenu en how to change the image color below the masthead.
I hope someone can help me out. Thanks.

---

Attachments:

1. 
2. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#562989

So that I can try to best assist you, please provide the url of the site you’re working on

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#563259

The site is not online yet. But I will send you credentials in a pm.

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#563555

Is there someone who can help?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#563615

<em>@tresoar 464037 wrote:</em><blockquote>Is there someone who can help?</blockquote>

As you will note via your PMs, I am continuing to try to assist you

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#563871

You can try with my tweak as below:
– Go to file: /templates/ja_decor/css/custom.css (create this file if it doesn’t exist)
– Add this rule:


/* Remove masshead background */
.has-masthead .t3-mainbody {
background: none;
}

/* Change color when hovering menu item*/
.t3-megamenu .mega-dropdown-menu .mega-nav .mega-dropdown-inner li > a:hover,
.t3-megamenu .mega-dropdown-menu .mega-nav .mega-dropdown-inner li.active > a {
background: #0b96f3;
color: #ffffff;
}


then change the background and color to the color which suits your need.

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#563892

Thank you. i have now the right hover color.

Only the code for the background color is not quite what I would like.
I would like to keep that blue form only in a different color. If I fill in a color in the code, then the whole background is in that color instead of just that form.
Is it maybe an image that I have to change? I did that for the footer (url(“/templates/ja_decor/images/mainbody-bg-3.png”)) but i can’t find it for the form below the masthead.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#563900

Could you send me screenshot of how it should be?

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#563918

This is how it is:

And this is how i would like it to be:

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#564122

There seems to be problem with the attachment, kindly check and send me again.

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#564208

How it is:

And this is how i would like it to be:

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#564339

It’s a background image declared via template.css file:


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


You can replace image with your own image via this path: templatesja_decorimagessubbody-bg.png

1 user says Thank You to Saguaros for this useful post

1. tresoar

[tresoar Friend tresoarJoin date: November 2014Posts: 203Downloads:15Uploads:34 Thanks: 35 Thanked: 2 times in 1 posts]

#564528

Thanks! This is the solution. I couldn’t find the name of this image.

[Author]

Posts