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
Hi,Edit settings
New Forum Posts0
Private Messages
Account details

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.

Show More
Welcome, Guest
Username Password: Remember me
Forgot your password? Forgot your username? Register for free
Reply Topic
New Topic
  • 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!
Reply Quote

  • 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.
Reply Quote

  • Posts:187
  • 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.
Reply Quote

  • 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
Reply Quote

  • Posts:187
  • cause open source rocks
  • joomfreak
  • Administrator
  • OFFLINE
  • Karma: 0
Reply Topic
New Topic
  • Page:
  • 1
joomfreak.com Support Forum
Categories
Joomla Templates
JF Calla Exteriors
Time to create page: 0.76 seconds
Wednesday 24 April 2024

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.