Enlarge Menu Items And Make It Bold - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Enlarge Menu Items And Make It Bold

F

fabiana

Template 3 years ago

enlarge menu items and make it bold

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #46955

In those old templates you have to create a NEW file "custom.css" inside template folder in "css" folder.

I mean here:

templates/shaper_travelkit/css/custom.css

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #46950

Hi Fabiana,

Use this custom CSS:

#sp-main-menu ul.level-0 > li > a {
    font-size: 20px;
    font-weight: 600;
}

after using it

foto_7360_2021.png

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #46951

Hi

Do you want to enlarge menu width or menu items font size? Let me clear first

Do you want it like this

https://prnt.sc/22lybdo

Then you have to use this custom css

#sp-main-menu ul.level-0 > li >a{
  font-size:20px;
  font-weight:bold;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards

0
F
fabiana
Accepted Answer
3 years ago #46954

I can't find the css to grab the code

https://prnt.sc/22lzgkh

0