Recent
Categories
View Replies (8)

Customize the header of the j51 Renovate template

0
Votes
Undo
  1. mevnad
    mevnad
  3. Commercial Templates
  4. Tuesday, 25 March 2014
  5.  Subscribe via email
Hello,

I can not figure out how to customize the header of the j51renovate template.

I would like to change the thickness of the board and make it a little transparent effect onmouseover.

Where can I find the code for the changes?

I seeing the element with Firebug on Firefox but I only found:


# container_header, container_slideshow #, # {container_slideshow_modules

     border-bottom: 5px solid # 666D75;

}

but I can not understand this line of code in that file is located.

Thanks for the support.
Responses (8)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To apply an opacity to the hover effect of your menu items try adding the following to the Custom CSS field of your templates parameters...


#hornav a:after {

    opacity: 0.5;

}


Could you detail for me what you mean by 'thickness of the board'?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
mevnad
mevnad
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for the reply.

I mean the 'border width' header (Top Menu Border).

Currently is set to 5px. How do I change it?
  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
Try adding the following to the Custom CSS field of your templates parameters...


#container_header {

    border-bottom: 5px solid # 666D75;

}


Where 5px is your border thickness, edit to your own taste.

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

I followed your instructions but it does not work!

please help me to understand where to make changes?
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will add the CSS to the Custom CSS field for you. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
mevnad
mevnad
Accepted Answer Pending Moderation
0
Votes
Undo
okay...
  1. more than a month ago
  2. Commercial Templates
  3. # 6
mevnad
mevnad
Accepted Answer Pending Moderation
0
Votes
Undo
I've done it! I just had to add !important to nexus.css

#container_header, #container_slideshow, #container_slideshow_modules {

    border-bottom: 1px solid #8A8B8E !important;

}


thanks
  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
Great! :)

Thank you for the update!

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


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