Tagged: Search Bar Colors
-
AuthorPosts
-
June 3, 2024 at 10:14 pm #1447601
Hi – I was wondering if you could help me with CSS to change the text color in the search bar. It is currently white on a white background. Link below.
CSS being used in header area:
.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
background-color: transparent;
}#top #header #header_main .mega_menu_title a {
color: #ffffff;
}
#top #header #header_main .mega_menu_title a:hover {
color: #d6001d;
}
.av-masonry-entry .av-masonry-entry-title {
font-size: 32px !important; text-transform: uppercase;
}#top #header #header_main .mega_menu_title a:hover {
text-decoration: none;
}@media only screen and (max-width: 1024px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}
.footer_color { background-size: cover; }.toggler.activeTitle {
border-bottom: 0;
}.taglist a:hover, #top .taglist .activeFilter {
color: red;
}.taglist a:hover, #top .taglist {
color: white;
}.av-elegant-toggle .taglist a {
background: #fff;
border-radius: 4px;
padding: 5px 15px;
margin: 5px;
color: #333;
text-decoration: none;
}
.av-elegant-toggle .taglist { margin-bottom: 20px; }.av-elegant-toggle .tag-seperator { display: none; }
@media only screen and (max-width: 767px) {
.av-elegant-toggle .taglist a {
line-height: 2.0em;
font-size: 0.9em;
padding: 3px 15px;
display: inline-block;
}
}June 4, 2024 at 5:12 am #1447615Hey annameis,
Thank you for the inquiry.
Please use this css code to adjust the text color in the search bar:
#top .header_color input[type='text']#s { color: red; }
Best regards,
IsmaelJune 4, 2024 at 4:17 pm #1447997Worked perfectly! Thank you very much!
June 4, 2024 at 5:27 pm #1448024Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Search Bar Colors’ is closed to new replies.