VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
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:185
  • 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:185
  • cause open source rocks
  • joomfreak
  • Administrator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 1.05 seconds
Thursday 23 May 2019

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.