This topic has 8 replies, 2 voices, and was last updated 9 years by 
-
-
Hello Kleo Community!!
Need some little assistant on css!
My modal pop up is transparent and want to have a white background.
I try to add this into my child theme, quick css ( on theme setting ) and add dynamic.css ( and Edit on my child Theme ) But still doesnt change..main-color .kleo_ajax_results h4 span {
background-color: transparent; ( change it to none !important )
}Any suggestions or did i miss something??
Thanks!!
Hello, could you share your website link to i can check it out? 🙂
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 🙂
Hi!!
Opss!! Sorry Laura, this are still on my local host.
Here are some screenshot!
Maybe my screenshots will help!!wow!! i cant upload my images. I tried many times and give me white back ground error!!
Heres my code came from tool barCOPY CODE.main-color, .main-color .kleo-main-header, .main-color .btn-default:hover, .main-color .hr-title abbr, .main-color .nav-tabs > li.active > a, .main-color .panel, .main-color .dropdown-menu, .main-color .pagination > li > a, .main-color .pagination > li > span, .main-color .post-item, .main-color .comment-wrap .comment-avatar, .main-color #respond .form-submit input#submit:hover, .main-color .form-control, .main-color .pricing-table li.list-group-item, .main-color .btn-see-through:hover, .main-color #ajax_search_container, .main-color #ajax_search_container::before, .main-color .kleo-toggle-menu .kleo-toggle-submenu::before, .main-color .box-style .feature-item.default-icons-size .feature-icon, .main-color .box-style .feature-item.big-icons-size .feature-icon, .main-color #buddypress .activity-read-more a, .main-color #wp-calendar caption, .main-color #buddypress input[type="submit"], .main-color #buddypress #friend-list .friend-inner-list, .main-color #buddypress #member-list .member-inner-list, .main-color #buddypress #members-list .member-inner-list, .main-color #buddypress #groups-list .group-inner-list, .main-color #buddypress .activity-list .activity-avatar, .main-color .profile-cover-action a.button:hover, .main-color .profile-cover-action a.button::before, .main-color div#item-header .toggle-header .bp-toggle-less:hover, .main-color div#item-header .toggle-header .bp-toggle-more:hover, .main-color div#item-header .toggle-header .bp-toggle-less::before, .main-color div#item-header .toggle-header .bp-toggle-more::before, .main-color #buddypress .standard-form textarea, .main-color #buddypress .standard-form input[type="text"], .main-color #buddypress .standard-form input[type="color"], .main-color #buddypress .standard-form input[type="date"], .main-color #buddypress .standard-form input[type="datetime"], .main-color #buddypress .standard-form input[type="datetime-local"], .main-color #buddypress .standard-form input[type="email"], .main-color #buddypress .standard-form input[type="month"], .main-color #buddypress .standard-form input[type="number"], .main-color #buddypress .standard-form input[type="range"], .main-color #buddypress .standard-form input[type="search"], .main-color #buddypress .standard-form input[type="tel"], .main-color #buddypress .standard-form input[type="time"], .main-color #buddypress .standard-form input[type="url"], .main-color #buddypress .standard-form input[type="week"], .main-color #buddypress .standard-form select, .main-color #buddypress .standard-form input[type="password"], .main-color #buddypress .dir-search input[type="search"], .main-color #buddypress .dir-search input[type="text"], .main-color .bbp-pagination-links a, .main-color .bbp-pagination-links span, .main-color .bbp-submit-wrapper button.button:hover, .main-color #bbpress-forums .bbp-form input[type="text"], .main-color .wp-editor-area, .main-color #rtMedia-upload-button, .main-color #buddypress div.rtmedia-single-container .rtmedia-single-meta button, .main-color .rtmedia-container .rtmedia-editor-main dl.tabs dd > a, .main-color .rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a, .main-color #buddypress div.rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a, .main-color .kleo-toggle-menu .kleo-toggle-submenu, .main-color .kleo-toggle-menu .minicart-buttons .btn-default, .main-color .kleo_ajax_results h4 span { background-color: transparent; }Hello, by default the modal is not transparent, so just delete the custom code that makes it transparent and it will go back to white 🙂
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 did that many times but after clearing my cache, it goes back to transparent.
Here what i did,
On kleo general settings. i added #main {background-color: rgba(245, 245, 245, 0.8);} on quick css
and
styling option/main
i check transparentOn this, i got my page to semi transparent, but on pop up login it goes to full transparent.
Any other thought??
Hello, please try with
COPY CODEdiv#kleo-login-modal { background-color: white !important; }Let me know if it works! 🙂
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 🙂
Awesome! 🙂 if you are happy please give us a nice comment and/or a 5 star rating at themeforest 🙂
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 ‘General questions’ is closed to new topics and replies.
