Trina B

Business Directory Theme and remove search style 2 background

Hi There, I am using the search style 2 for the Home Page of my Business Directory Theme, and I want to know how I can remove the gray background shown behind the search box and image. I am sharing the search style 2 code. What changes should I make in order to remove the gray line? <div class="wlt_object_search_2"> <div class="container"> <div class="row"> <div class="col-md-8"></div> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-body"> <h3>Website Search</h3> Search our webiste listings below; <div class="row">[ADVANCEDSEARCH home=yes]</div> </div> </div> </div> </div> </div> </div>

Created: August 21, 2015 at 2:25 am
  • In: Directory Theme
  • Started by: Trina BTrina B
  • 3 members left 8 comments
  • Last reply from: Josh

  • Richard
    Richard
    August 21, 2015 at 3:59 am

    @Trina B

    Page Setup > Home Page :

    Now, click the edit icon where you have placed the ‘search style 2’ widget on the ‘right hand side’ – (not the one in the ‘Display Setup’.

    There you will see where you can change it anyway you wish.

    HTH


  • Josh
    August 21, 2015 at 12:53 pm

    Hello Trina,
    Add the below code under Theme Options >Design Setup >Custom Meta Data >Header Styles
    <style>
    .wlt_object_search_2 .container {
    background: #FFF !important;
    }
    </style>

  • Trina B
    Trina B
    August 23, 2015 at 10:26 pm

    Hi Josh, Thank you for your help.

    I have another question. I am using Text/HTML and I need remove the gray background shown behind.

    I’m trying to use the same style supplied in your response but do not know the name of the object for Text/HTML.

    <style>
    .wlt_object_search_2 .container {
    background: #FFF !important;
    }
    </style>

    Attachments:
    You must be logged in to view attached files.

  • Josh
    August 24, 2015 at 7:36 am

    Could you provide url please

  • Trina B
    Trina B
    August 24, 2015 at 12:42 pm

  • Josh
    August 24, 2015 at 1:13 pm

    Try this
    <style>
    #core_padding .core_section_top_container {
    background: #FFF !important;
    }
    </style>

  • Trina B
    Trina B
    August 24, 2015 at 1:39 pm

    Thanks Josh, I’ve got that working now.


  • Josh
    August 24, 2015 at 2:05 pm

    You’re day 🙂


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