Recent
Categories
View Replies (9)

Oxygen Template - custom css

0
Votes
Undo
  1. philiplardner
    philiplardner
  3. Commercial Templates
  4. Friday, 28 February 2014
  5.  Subscribe via email
Hi Ciaran,

I am trying to edit the custom css for this template to shrink the site logo position and move the hornnav top menu up (amongst other things.) I've been able to remove the logo and shrink that space with the following css, but the actual menu and search box do not move up to the new location as intended (see attached image):

#socialmedia {
top: 10px;
}
#container_header {
height: 100px;
}

Can you help?

Thanks,

Phil.
Responses (9)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To trouble shoot this issue we will need to be able to see a live example of your site?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
philiplardner
philiplardner
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran - you can view the development site here: http://www.ihpa.ie/2013/

I can set up an Admin login for you if you need.

Philip.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Philip

To re-position your menu and search field try adding the following to the Custom CSS field of your templates parameters...


#hornav {

    position: relative;

    top: -96px;

}

#search {

    top: 54px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
philiplardner
philiplardner
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciarán - that worked perfectly!

Philip.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
philiplardner
philiplardner
Accepted Answer Pending Moderation
0
Votes
Undo
Correction... almost perfect!

I didn't notice until just now that the main content also needs to move up (see link):

http://www.ihpa.ie/2013/index.php/flight-safety/rules-of-the-air

Can you suggest a fix for this?

Thanks,

Philip.
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Philip

The gap appears to be created by the 'showcase' area of your template. Create a new template style and apply it to the pages of your site which do not use the 'showcase' (slideshow) area of your site and add the following to the Custom CSS field of that template styles parameters... 


#container_slideshow {

    display: none;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
philiplardner
philiplardner
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

I'm afraid I had no luck getting that to work - the content section stubbornly refuses to move up to fill the gap at the top of the page. If I sent you an admin's log-in could you take a quick look?

Thanks,

Philip.
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Philip

Sure. Details can be sent to info@joomla51.com. Please paste a link to this post in your email for our reference.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
philiplardner
philiplardner
Accepted Answer Pending Moderation
0
Votes
Undo
Just for the record (in case anyone else finds this useful), here's the final custom css for the changes to my template:

#socialmedia {
top: 10px;
}

#container_header {
height: 100px;
overflow:hidden; <=== This line removes the gap referred to in my earlier post.
}
#hornav {
position: relative;
top: -96px;
}
#search {
top: 54px;
}

Many thanks Ciarán for all your help.

Philip.
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


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

Site Links

Recommended

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