VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me
  • Page:
  • 1

TOPIC: Logo position

Logo position 02 Dec 2013 19:45 #3485

Dear joomfreak,
how can I change the logo position vertically?

Thank you, for you answer!

  • Posts:15
  • Uletto
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Logo position 03 Dec 2013 13:29 #3486

Hi Uletto,

you can simply edit file templates/jf_calla-exteriors/css/template.css
Find this:

#jf-header h1#logo {
float: left;
font-weight: normal;
}


Replace with:

#jf-header h1#logo {
float: left;
font-weight: normal;
 
/* rotate -90 deg, not sure if a negative number is supported so I used 270 */
-moz-transform: rotate(270deg);
-moz-transform-origin: 50% 50%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 50% 50%;
-o-transform: rotate(270deg);
-o-transform-origin: 50% 50%;
transform: rotate(270deg);
transform-origin: 50% 50%;
 
/* IE<9 */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


Bye
joomfreak | cause open source rocks
Last Edit: 03 Dec 2013 13:30 by joomfreak.

  • Posts:181
  • cause open source rocks
  • joomfreak
  • Administrator
  • OFFLINE
  • Karma: 0

Re: Logo position 03 Dec 2013 13:48 #3488

This is only for rotation?
Or not?
How can I move it more up or down or more on the left/right?
Sorry but I'm not so expert...
Last Edit: 03 Dec 2013 13:49 by Uletto.

  • Posts:15
  • Uletto
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Logo position 03 Dec 2013 14:04 #3489

Yes it is for rotation only. sorry maybe i understood wrong? If you need to position it vertically somewhere else you can do it by:

1) Change DIV containers in php file template
2) use margin-top / padding-top of logo DIV container in class #jf-header h1#logo
3) Use position absolute in class #jf-header h1#logo.
joomfreak | cause open source rocks

  • Posts:181
  • cause open source rocks
  • joomfreak
  • Administrator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.74 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.