Joomla Templates Club 406,261 posts

[cweh Friend cwehJoin date: September 2014Posts: 28Downloads:0Uploads:5 Thanks: 8]

#201886

hi all,
if i choose the effect “image” in templatemager/edit style/theme/logo effect the logo starts to rotate if i move the mouse over it.if i choose the effect “text” the site name and slogen will appear beneath the logo – but no effect on the logo.

image effekt : http://www.helixgmbh.com/promaxsug/index.php/pl/
text effect : http://www.helixgmbh.com/promaxsug/index.php/en/

is it possible to dispaly the sitename and slogon and got the rotateimage by mouseover aswell?
would be great.

thanks in advance.
cweh

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#552118

Go to this File: /templates/ja_sugite/css/custom.css

Add this code

#t3-header .logo-image span, #t3-header .logo-image small{
display:block !important;
margin: 0 0 0 14px;
}
#t3-header .logo-image span{
float: left;

}

#t3-header .logo a{
display:block !important;
color: #ffffff ;
font-size: 32px;
font-weight: 300;
line-height: 1.3;
}

#t3-header .site-slogan{
position: absolute;
bottom: 4px;
left: 60px;
}

.logo-image{
position:relative;
}
#t3-header .logo-image img{
float: left;
}

[cweh Friend cwehJoin date: September 2014Posts: 28Downloads:0Uploads:5 Thanks: 8]

#552233

hi chavan,
thx for the quick reply. it works but not perfekt.

on the english site is the old one – with “text effect”
http://www.helixgmbh.com/promaxsug/index.php/en/
thats the way it should be with the rotating image 🙂

on the polski site is the new one – with “image effect”
http://www.helixgmbh.com/promaxsug/index.php/pl/
the text appears, but at the wrong place.

on the german site – same setup as the english – it appears in a diffrent way (english site has a own custom.css – thats way this site is different).

thx in advance,
cweh

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#552303

Lets fix on by one

1. for this page http://www.helixgmbh.com/promaxsug/index.php/pl/

Replace this code

.logo-image{ position:relative; }

With

.logo-image{ position:relative; height:100%; }

1 user says Thank You to chavan for this useful post

1. cweh

[cweh Friend cwehJoin date: September 2014Posts: 28Downloads:0Uploads:5 Thanks: 8]

#552361

thats great – works fine. all fixed ! :):D

thx alot

[cweh Friend cwehJoin date: September 2014Posts: 28Downloads:0Uploads:5 Thanks: 8]

#552515

one more problem. it works, but only on the start page. if you click on an menut it appears in the wrong position…

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#552546

set logo type to image on the Template manager for all the templates.

[cweh Friend cwehJoin date: September 2014Posts: 28Downloads:0Uploads:5 Thanks: 8]

#552761

your right. set all and its working, thanks again. last question, than everything with the logo is fine 🙂
when i mouse over the logo everything is fine – but if i not moused over there is a small part at the bottem of the circle missing.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#552775

1. go to custom.css

Replace this code

#t3-header .site-slogan{
position: absolute;
bottom: 4px;
left: 60px;
}

with

#t3-header .site-slogan{
position: absolute;
bottom: 6px;
left: 60px;
}

2. Add this code to custom.css

.logo-image{
padding-top:12px !important;
}

[Author]

Posts