1. pitzerwm
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 07 August 2018
  5.  Subscribe via email
New site, trying Juliet. I'm using a logo image and it's too big and pushes logo holder into the menu. Looked in the forum for custom css to fix this but no luck. I'd like the css to:

control the length and height of the holder and what it would take to adjust the position of the logo image or text for that matter. centering the logo image within the blue holder position I think would look better and would give us the option. :)

INFO: My original image was 510px, that overlapped "Home", cut it down to 450px and that looks ok. I think that css info would still be helpful in the future.

Thanks, I know I screwed up the "location" of the install but it works fine. Just for the record, if I take and move all files into the correct folder, will it work or do I need to reinstall it? http://oncallinternationalsux.com/51j/ Installed it just to play with it. I notice no News extension in Juliet.
References
  1. http://oncallinternationalsux.com/51j/Demo%20Installer/
Accepted Answer Pending Moderation
0
Votes
Undo
Did you miss this? CSS for adjusting the logo area and logo image location?
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Bill

To reduce the width of your logo image you can add the following to the Custom CSS field of your template settings (edit to taste)...

#logo {
max-width: 200px;
}


Yes you should be able to rename/move the folder of your Joomla installation with out any issues.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks!! When you get around to it, How about the CSS to move the logo image to the left some? Thanks again
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Bill

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#logo {
margin-left: -30px;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok