Recent
Categories
View Replies (5)

Template Revolve - Formatting navigation/menu items

  1. Issue
0
Votes
Undo
  1. Aray
    Aray
  2. Sherlock Holmes The Voice
  3. Commercial Templates
  4. Friday, 31 May 2024
  5.  Subscribe via email
Hello guys,

I would like to enlarge the navigation/menu entries and display them in bold. Unfortunately, I don't know the CSS code for it. Can someone tell me the code and how I can position a headline centered on CSS for other projects as well as display it in a different color?

Thank you for your help
Attachments (1)
screen_navi.JPG screen_navi.JPG
References
  1. https://jonas.mgmb100.de
Responses (5)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

.hornav>ul>li>a {

    font-weight: bold;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Aray
Aray
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Unfortunately, the custom-css does not lead to any change? I would also like to increase the font size.
Attachments (1)
screen_custom_css.JPG screen_custom_css.JPG
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Aray
Aray
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
I failed to activate custom.css loading! Sorry, Ciaran - now the font is displayed in bold!
You could also tell me the code to enlarge the font. e.g. on 20pt? And how to display a module header centered?

Thank you for your support, Ciaran!

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

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

#logo {

    pointer-events: none;

}

.hornav>ul>li>a {

    font-size: 20pt;

}

.module .module_surround .module_header h3, .module_menu .module_surround .module_header h3 {

    text-align: center;

    display: block;

}

#base1_modules .module .module_header:after, #base2_modules .module .module_header:after{

    left: calc(50% - 28px);

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Aray
Aray
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Wonderful, Ciaran! :)

Now use an 11pt font and is okay!
Looking forward to the next project! ;)

Thank you, you!
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


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