Transparent search bar background

This topic contains 6 replies, has 2 voices, and was last updated by  Guust 8 years ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #294323

    omar mohamoud
    Expired Member
    Post count: 5

    Hello,

    I am trying to get a transparent background for the advanced search bar. I want the search bar to blend in with the background I have chosen (See attached screenshot). If you could tell me a solution that is easy and does not require a child theme then that would be great. The theme that I am using is the KLEO theme. The way that I got the search bar there was by using a text box and using Shortcode: [gd_advanced_search]. I edited the colour black using site origin css which I have been using lately. I hope this is sufficient information to help you, help me, solve this problem.

    Please find attached a screenshot to get a better picture what i’m trying to accomplish.

    Thank you in advance!

    #294400

    Guust
    Moderator
    Post count: 29970

    Can you post a URL of a page where we can see the search bar? Thanks.
    You can set the reply to private if you like.

    #294598

    omar mohamoud
    Expired Member
    Post count: 5

    Hello,

    The password is guust

    https://horumaronline.com/get-connected

    Thank you

    #294707

    Guust
    Moderator
    Post count: 29970

    Try this:

    
    
    .geodir_advance_search_widget .geodir-loc-bar .geodir-loc-bar-in {background: transparent;}
    body .geodir-listing-search.gd-search-bar-style .geodir-loc-bar .clearfix.geodir-loc-bar-in .geodir-search {background-color: transparent;}
    #295372

    omar mohamoud
    Expired Member
    Post count: 5

    Where will I be inputting that into?

    #295373

    omar mohamoud
    Expired Member
    Post count: 5

    Thank you so much! You guys are awesome I mean it! It is solved now, cheers.

    #295379

    Guust
    Moderator
    Post count: 29970

    You’re welcome 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount