Custom CSS isn't working

[Amber AtkinsonParticipant]

Hi Ernest,

You provided me with some terrific css for my site however I’m still having trouble implementing the changes.

I have tried pasting it individually in:
AJAX search pro > theme options > custom CSS
DIVI module > Advanced > custom CSS
DIVI page settings > custom CSS

I may have to add the css to the backend settings. When I was having a look through the plugin files I was a bit hesitant to start playing around.

Can you please let me know where to add the CSS?

Many thanks,
Amber

[Ernest MarcinkoKeymaster]

Hi Amber,

The reason might be, that I believe I tailored those rules for one specific search instance, with the ID of 6, if I recall correctly.
Below I will pase a universal version of them, should be affecting any of the search instances. For the full explanations please refer to this previous topic.

Right-left layout, solution 1

.wpdreams_asp_sc.searchsettings {
  max-width: 10000px !important;
}
 
.wpdreams_asp_sc.searchsettings form {
  justify-content: flex-end !important;
}

Right-left layout, solution 2

.wpdreams_asp_sc.searchsettings {
  float: right !important;
}

Safari glow-effect select boxes

.wpdreams_asp_sc.searchsettings form select {
  -webkit-appearance:none !important;
}

#page-container div.wpdreams_asp_sc.searchsettings form select,
#page-container div.wpdreams_asp_sc.searchsettings form select {
  border: 1px solid  #adadad !important;
  background: white !important;
  color: #424242 !important;
  max-width: 190px;
  float: right;
}

These should work now!

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts