Text within Button Settings

Hi there,

I would like to align the text to the center within the buttons of the menu, but couldn't do it.

Notice the button in the far right side. The text of it is aligned in the center of the button. This is good.

but for the button in the left and the rest of the buttons, the text is aligned to the left. How can I align it to the center?

Kindly, assist.

Thanks,
Mike

 

Hello Mike,

Paste the code given below in Custom CSS section
(Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu li {
margin-right: 10px;
margin-left: 10px;
}
#menu li a {
padding-right: 5px;
padding-left: 5px;
}

Thanks & Regards
Pramod

 

Hi Pramod,

I added this CSS where you told me, but it didn't work. Can you please check again?

Please note I already have the following css code

#menu .ddsmoothmenu li {
float: right;
background: #8EBF17;
}

#menu .ddsmoothmenu li:hover {
background: #B0E920;
}

Thanks,
Mike

 

Hello Mike !

Don't bother about the previous css it overwrite if exist some things. Last css code have higher priority.
#menu .ddsmoothmenu li {
margin-right: 10px !important;
margin-left: 10px !important;
}
#menu li a {
padding-right: 5px !important;
padding-left: 5px !important;
}

Thanks & Regards
Pramod

 

It looks as desired now. I appreciate it.

Thank you Pramod.

Mike