Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 8, 2015 at 6:14 pm #548909
    briandeeney

    Hi

    I’m working on a new site and using Enfold
    I’ve setup a google custom search engine put when I place the code in enfold the styling in not looking good

    I’ve tried putting the code in a text box and also in a widget but it does not look right.

    Hope you can help (see private content for details)

    December 8, 2015 at 6:16 pm #548912
    briandeeney

    forgot to mention that search term to use to check custom search engine is letterkenny

    December 10, 2015 at 3:21 pm #550444
    Josue

    Hey!

    Try adding this to Quick CSS:

    #top #wrap_all  #gsc-i-id1{
    height: 25px !important;
}

#top #wrap_all input.gsc-search-button {
    height: 32px !important;
    background: url('http://www.google.com/uds/css/v2/search_box_icon.png') #4D90FE no-repeat 50% !important;
}
.gsc-input-box td{
    padding: 0;
    border: 0 !important;
}

    Cheers!
    Josue

    December 10, 2015 at 5:22 pm #550565
    briandeeney

    Thanks Josue

    Looking much better
    How do I remove outer white box?
    highlighted in yellow in screenshot
    see screenshot

    December 10, 2015 at 10:09 pm #550751
    Basilis

    Hi!

    Just loaded your web site and I can see you have gotten it removed?
    Everything is solved now?

    Regards,
    Basilis

    December 10, 2015 at 10:42 pm #550759
    briandeeney

    Hi Basilis

    I still need to know how to remove white area around search box
    please see screenshot in previous message

    December 11, 2015 at 7:50 am #550878
    Rikard

    Hi,

    Please try the following as well:

    .gsc-control-cse {
    background-color: transparent !important;
    border: 0px solid white !important;
}

    Cheers!
    Rikard

    December 11, 2015 at 11:18 am #550944
    briandeeney

    Hi Rikard

    Yes that bit of css removed white box around search bar
    but
    it has a knock on effect on results display

    Use letterkenny as search term to see result
    I’ll leave css in place until you’ve checked

    December 11, 2015 at 12:33 pm #550981
    briandeeney

    If I put google custom search on a white background – it looks better

    December 13, 2015 at 12:47 pm #551598
    Josue

    Hey!

    The following code should ensure a white background for the results:

    .gsc-results-wrapper-nooverlay {
	background: white !important;
}

    Regards,
    Josue

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.