Joomla Templates Club 406,261 posts

[epimazzo Friend epimazzoJoin date: April 2011Posts: 51Downloads:0Uploads:8 Thanks: 30 Thanked: 3 times in 1 posts]

#168469

Hi Folks,

I have a client logo that isn’t getting enough contrast with Blue header. So, need change that one to something lighter than original. The blue color is ok but it should be lighter. What about change opacity? How can I do that? All signals point to images out-of-the-box.

Any idea?

Thanks in advance.

Cheers

Eduardo

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#412258

Hi,

You could probably change this image -> /templates/ja_business/images/header-bg-layer3.png !
If you can show us your site we might be able to provide a better solution to this!

Regards

Manos

[epimazzo Friend epimazzoJoin date: April 2011Posts: 51Downloads:0Uploads:8 Thanks: 30 Thanked: 3 times in 1 posts]

#412454

Hi Manos,

Change that BG image will take some time. You may have access to our Dev area reaching this URL: http://189.38.253.121/orion/
See if you have any other idea. Perhaps, use that lighter brown on footer can contrast better. :-[

Thanks a lot.

Cheers

<em>@pascm 267211 wrote:</em><blockquote>Hi,

You could probably change this image -> /templates/ja_business/images/header-bg-layer3.png !
If you can show us your site we might be able to provide a better solution to this!

Regards

Manos</blockquote>

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#412490

Well you probably can disable this image ->

#ja-header .wrap-inner2 {

background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../images/header-bg-layer3.png"); -> disable this and see if it's ok!

background-origin: padding-box;
background-position: center top;
background-repeat: repeat-x;
background-size: auto auto;

}

You can find this code at template.css around line 870

Regards

Manos

1 user says Thank You to Manos for this useful post

1. epimazzo

[epimazzo Friend epimazzoJoin date: April 2011Posts: 51Downloads:0Uploads:8 Thanks: 30 Thanked: 3 times in 1 posts]

#412694

Hi Manos,

Thanks for this tip. Think it worked as expected but I still have to find a better position to my client’s logo as it is over navigation menu. :-[
I was thinking to put beside top menu on left or just move nav menu below so logo can stay above. What you think? Can you show me where (CSS file) can I edit all these things?

Thanks a lot.

Eduardo

[epimazzo Friend epimazzoJoin date: April 2011Posts: 51Downloads:0Uploads:8 Thanks: 30 Thanked: 3 times in 1 posts]

#413625

Manos,

I was able to get a workaround this logo issue and seems to be ok. I just need Logo be positioned more on left than right below top menu. Can’t find a place to add or change code. Can you point me out?

Thanks

[Manos Moderator ManosJoin date: February 2014Posts: 2806Downloads:46Uploads:56 Thanks: 200 Thanked: 633 times in 576 posts]

#413732

Hi,

You can find and adjust the CSS code to meet your needs on /ja_business/css/template.css around line 640


h1.logo a {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("../images/logo.png");
background-origin: padding-box;
background-position: left center;
background-repeat: no-repeat;
background-size: auto auto;
display: block;
height: 66px;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
margin-top: 30px;
width: 188px;
}


Regards

Manos

[Author]

Posts