This topic has 9 replies, 2 voices, and was last updated 8 years by 
-
-
Hi. I would like to make the login and register links in my top bar more prominent. Could you explain how I can make them into buttons with a #00ff00 background and #ffffff text. Is this possible via the regular customization option? If not, please give me some css to add. Thanks
Add your css to the label itself like this
COPY CODE<span class="btn" style="background-color: #00ff00; color: #fff;">Register</span>Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
Thanks for your reply.
Sorry, I am unaccustomed to adding coding like this. The most I have done is add a bit of custom css to the quick css area in theme options.
Could you explain exactly how I add css to the label itelf or give me some custom css that I can add to the quick css.
Thanks againWp admin / appearance / Menus
Paste it in the menu items label fieldHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
Sorry, could you let me know how to make this button have rounded corners and also how to bring it down a little from the top of the screen. Thanks
The corners are already rounded. add margin-top: 10px !important; to the style. Change 10 to whatever you want.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
That´s great. Thanks.
Finally could you tell me why the top bar level drops lower when the screen size is reduced. When viewed on a tablet or mobile size the top bar (this new button) drops lower than I would like. I would like it to remain at the same level as it is now viewed on a regular screen.
ThanksThat top div (which looks like extra space) is for the social icons. If you dont plan on adding social icons you can use this css
COPY CODE@media (max-width: 991px) { #top-social { display: none; } }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
The forum ‘General questions’ is closed to new topics and replies.
