Staff replied Templates

Menu background color and 2 lines / Bold characters appers normal.

Asked by Rafael Barba 3 years ago Last activity 3 years ago

I am using Sharper OnePage template Joomlña 4 and I try to change the menu backgroud color and make 2 lines in ti, but when I load the page apears in blac and 2 lines it's ok, but when I go down in page, then the background color change to the correcty color but the two lines insert spaces.

Also in a text block I edit and put some words in bold but do not display in bold.

What I need to change

www.casobeatriz.org

3 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

Rafael Barba Asked this
3 years ago

I have this code in CSS in Template custom code
.sp-megamenu-parent > li > a {
Word-break: break-Word;
width: 95px;
line-height: unset;
padding: 0px 5px;
text-align: center;
vertical-align: middle;
}

sp-header.menu-fixed {

background-color: #e65a42;
height: 90px;

}

But the menu when page is at top is black and titles are ok, https://casobeatriz.org/IMG-A.jpg but when I scroll down the color of menu's background change to #e65a42 and menu items appear with line spaces https://casobeatriz.org/IMG-B.jpg

ALso how I change font size in menu

Regards

Mehtaz Afsana Borsha Staff
3 years ago

It seems ok on my end

https://prnt.sc/noDooiJ-kCCO

You can change the font size by using this custom CSS


.sp-megamenu-parent > li > a{
  font-size:18px !important;
}

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.

Log in to reply.