This topic has 8 replies, 2 voices, and was last updated 9 years by 
-
-
Hello,
I am attempting to separate some of the CSS items and customize them.1. If possible for the MegaMenu, I would like to customize the background color, headers and links. I also want to make sure the borders are gone from the links in the megamenu so as to not display a grid like in the dropdowns.
2. My Comments form for some reason has green text entry (same color as hyperlinks). It turns gray after the entry, however within the form it is green. Can I separate the color of the entry form?
3. The sidebar links do not seem to be abiding by the set styles in the theme. They are gray with a green hover, I would like them to be green with a green underline hover?Thank you very much for all the help.
Kindest regards,
John CHello, please share a website link 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Miss Laura,
Thank you so much for the reply. You have been so helpful. Remember, I am still in dev stage and it is not published. Can I send you the markup of the page?🙂
Warmest regards,
John CIts okay, i will test it in my dev site 🙂 willl come back soon with the code
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Hello, please try this css
GREEN LINKS:COPY CODE.inner-content.widgets-container a { color: rgb(38, 192, 38) !important; } .inner-content.widgets-container a:hover { color: rgb(38, 192, 38) !important; text-decoration: underline; }For 1. Please specify what changes you want, colors etc… 🙂
For 2. Comments CSS
COPY CODEtextarea#comment { color: grey !important; }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
🙂
I must say you are very awesome.
In the image below is my older nav from a site using a mega menu. The colors are as follows:
background white
header – #E8671A
links – #00AB69 with the hover underline decoration.Again, thank you Miss Laura.
Kindest regards,
John C
Hello, so Header background color ( With logo and menu ) #E8671A ?
And links in header #00AB69 with the hover underline decoration?Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Miss Laura,
Thank you for your reply. Let me clarify. The megamenu section only for a white background. As seen in the image of the post above, I have a green navbar with a white megamenu dropdown. The Headers are orange, borders are none and the links are decorated as underline on the hover.I hope you are having a great day.
Warmest regards,
John CHello, lets try this:
COPY CODE.kleo-main-header.header-normal { background-color: #00AB69; } ul#menu-menu a { color: white; } ul#menu-menu a:hover { color: white; } span.caret:after { color: white !important; } .dropdown-menu>li>a { color: #00AB69 !important; } .dropdown-menu>li>a:hover { color: #00AB69 !important; text-decoration: underline; } #main .main-color h1, #main .main-color h2, #main .main-color h3, #main .main-color h4, #main .main-color h5, #main .main-color h6 { color: #E8671A; }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
The forum ‘KLEO’ is closed to new topics and replies.
