Joomla Templates Club 406,261 posts

[astral god Friend astral godJoin date: February 2009Posts: 52Downloads:0Uploads:1 Thanks: 5 Thanked: 3 times in 1 posts]

#148683

Hello.

I would like to have the logo repeating, but the repeat-x command is not working (template.css and blue.css).

Can someone helps me?
Thanks.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#332758

Hi astral god

The below is an example for yellow theme:

– Open templates/ja_raite/css/colors/yellow.css file, find following code section:

h1.logo a, h1.logo a:hover, h1.logo a:active, h1.logo a:focus { background: url(../../images/yellow/logo.jpg) no-repeat; }

and change to:

h1.logo a, h1.logo a:hover, h1.logo a:active, h1.logo a:focus { background: url(../../images/yellow/logo.jpg) repeat-x; }

– Open templates/ja_raite/css/template.css file, find following code section:

/* Image type */
h1.logo a, h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
background: url(../images/logo.jpg) no-repeat;
display: block;
height: 50px;
width: 388px;
text-indent: -300%;
position: absolute;
top: 15px;
left: 0;
}

Here you have to change the width to your idea.

Hope it helps

[astral god Friend astral godJoin date: February 2009Posts: 52Downloads:0Uploads:1 Thanks: 5 Thanked: 3 times in 1 posts]

#332761

Heuuu…

Ok to the first one (yellow.css) these are the changes that i’ve already done…

But in the second, what should i do? I’ve tried to erase the code in red, but it doesn’t works…

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#332762

Hi astral god

You have to increase the width in red text.

For an example: width: 500px;

Also, please give me your live url so that i could have a closer look on the issue.

[astral god Friend astral godJoin date: February 2009Posts: 52Downloads:0Uploads:1 Thanks: 5 Thanked: 3 times in 1 posts]

#332766

Ok, right.

But i don’t want to have a specific width, i want to have the repeat to works in all the header, no mather what kind of resolution the user haves (even 2560…).

What i want is to have a repeat in full width of template, like newsflash or footer…

PS: No live URL, local developpement, sorry. 😉

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#332770

Okay, please change the width to 100%

[astral god Friend astral godJoin date: February 2009Posts: 52Downloads:0Uploads:1 Thanks: 5 Thanked: 3 times in 1 posts]

#332777

Already tried that, bu it doesn’t works…

But i think I’ve found a solution, I’ve replicated the pathway div to the top on the index.php and changed the background. It looks good. 🙂

I’ll be back if i have other related questions.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#332779

Hi astral god

Please feel free to contact us if you are in need of further assistance

[Author]

Posts