Recent
Categories
View Replies (3)

CLARITY - removing dark top bar & adjusting header

0
Votes
Undo
  1. lidacha
    lidacha
  3. Commercial Templates
  4. Monday, 03 June 2013
  5.  Subscribe via email
[color=#000088]Clarity, Joomla 3.0, Safari, http://www.paulakool.com/lc3[/color]

Hello,

I wanted to get rid of the dark top bar and removed it. So far so good. But the shadowing did not match the photos I had adjusted for the slideshow as the header moved up.
So I changed the background of the dark top bar to none (all with help from earlier forum posts) and removed the search box and the social icons.
You can see that in the first image (menu-now.jpg) I attached.

What I would like is to stretch the header upwards to the top and move the logo a little up as well.
If possible I would like to place social icons in the top corner. (see the other attachment, menu-what I want.jpg)

I have searched the css files, tried to change things here and there, but with my very limited knowledge I cannot get it to work.

I hope I was able to explain well enough and I hope you can help!

Thank you very much in advance.

Lida
Responses (3)
lidacha
lidacha
Accepted Answer Pending Moderation
0
Votes
Undo
Update…
After a lot of trial and error I managed to adjust almost all I think. Now I only need to try to get the social icons back on top.
Have a look at http://www.paulakool.com/lc3.

I changed the following in nexus.css:

[color=#0000ff]r.43 In Photoshop adjust height of templates/j51_clarity/images/bg_bar.png to 145px instead of 105px (40px on top, stretch white to the top).

r.44 height:145px; instead of 105px

r.81 height:130px; instead of 90px (#container_spacer1)

r.88 height:0px; instead of 40px (#container_spacer3) to remove the dark top bar.


r.312 #subMenusContainer {top:-50px;} (was {top:0px;} )[/color]

I hope my changes do not effect any other things in the template or do not cause any errors at some point.
I hope someone can confirm this.

Now I need to try the social icons back up.

Thanks for looking.

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

Your adjustment appear perfect and should not effect other element of your template.

Your social icons do however appear to be placed behind your menu background which you have extended. To amend this try adding the following to the Custom CSS field of your templates parameters...


[code type=css]ul#navigation li a {
position: relative;
z-index: 99;
}[/code]

Note because the social icons image sprite is white you may have to adjust the sprite to a darker color so the icons contrast with your menu background (http://www.paulakool.com/lc3/templates/j51_clarity/images/sm_icons.png).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
lidacha
lidacha
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much! It works… I only have to darken the icons now.

And thanks for the great support!

Lida
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • 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