Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 20, 2023 at 2:15 am #1413782
    THP Studio

    Hey guys,

    Can I get your help with some CSS please?

    When you run an AJAX search, Enfold has a little spinner icon and behind it is the theme colour (in my case red).

    Client wants to remove the red background and only show the spinner, but due to the way this is injected I’m having a hard time isolating the CSS needed to do this.

    Could you please assist?

    Thanks

    Tim

    July 21, 2023 at 2:57 pm #1413964
    Günter

    Hey Tim,

    Sorry for the late reply.

    Please check enfold\css\layout.css

    Around line 2076 you find:

    
.ajax_load_inner{
	background: url("../images/layout/loading.gif") no-repeat scroll center center #fff;
	opacity: 0.5;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

    I think this is what you need.

    To override it you can use selector:

    
#searchform .ajax_load .ajax_load_inner{

}

    Hope this helps you.

    Best regards,
    Günter

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘AJAX search CSS’ is closed to new replies.