Author Topic: search box is white  (Read 2012 times)

talidu8b

  • Beginner
  • *
  • Posts: 7
  • A beginner
search box is white
« on: December 20, 2017, 00:25:28 am »
hy all nice and helpful people out there :)

I have a question regarding the virtuemart search module.
I am using joomla 3.8.3 and virtuemart 3.2.8

After I added the search module (didnt use it before) I realised that the search field had no border around it. since the background of the homepage is white you can not see the border and you have to guess where it is exactly, same for the searchbutton. and whatever you write is seemingly also white...
the search function itself works fine as far as I can tell.

Any ideas how to make the thing visible?

Best regards!

T

AH

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 3079
  • VirtueMart Version: 3.6.11
Re: search box is white
« Reply #1 on: December 20, 2017, 09:27:29 am »
Your template probably has a css rule to remove the border

To get the border back, try adding a class to your css files

input#mod_virtuemart_search (border 1px solid #ccc;}
regards
A

Joomla 3.9.16
php 7.3

talidu8b

  • Beginner
  • *
  • Posts: 7
  • A beginner
Re: search box is white
« Reply #2 on: December 20, 2017, 10:05:56 am »
thanks for the reply...
I think I know what you mean...

but how do I find the correct css file to put it in? is there a specific one?

and will it change the fact that I cant see what I type?

best regards

T

AH

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 3079
  • VirtueMart Version: 3.6.11
Re: search box is white
« Reply #3 on: December 20, 2017, 10:15:24 am »
Use your browsers "inspector tools"  to determine which css file you may want to put the css into.
This will sort out the color of text as well.

You can try the css using your inspector tools usually ctrl+shift+i

input#mod_virtuemart_search (
border 1px solid #ccc;
color:#000;}
regards
A

Joomla 3.9.16
php 7.3

talidu8b

  • Beginner
  • *
  • Posts: 7
  • A beginner
Re: search box is white
« Reply #4 on: December 20, 2017, 14:48:48 pm »
Hy again,

I found the css that should be the right one (In the folder the template is from... I inserted the code somewhere in the middle where there are other "inputs" but it doesnt change anything sadly.... is it allowed to post a link to the homepage so you can maybe see it yourself...?  maybe it helps...

I put the code into template.css... but it had no effect
when I put it into css.css it changed a lot of stuff like all the margins and headers to plain white

Best wishes :)
T


jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 27671
  • Always on vacation
    • Jenkin Hill Internet
Re: search box is white
« Reply #5 on: December 20, 2017, 15:06:17 pm »
You cannot simply drop a new css style into the middle of an exisitng file. If anywhere it should be at the end in order to override previous style declarations.

is it allowed to post a link to the homepage so you can maybe see it yourself...?  maybe it helps...

See http://forum.virtuemart.net/index.php?topic=128401.0   - a live URL is requested!
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM 3.6.11 10292 on Joomla 3.9.16 PHP 7.0.33

talidu8b

  • Beginner
  • *
  • Posts: 7
  • A beginner
Re: search box is white
« Reply #6 on: December 20, 2017, 17:39:04 pm »
Hy :)

thanks for the idea... sorry... I am no pro ...

I inserted it at the end of the css files.... still no change...

http://www.talidu.at/index.php

Initially I put the search bar on position LEFT but I put it now on position HEADER 2... so you can see it better.... it doesnt make any difference though.... same issue...

best regards

T

GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 9491
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: search box is white
« Reply #7 on: December 20, 2017, 18:14:01 pm »
just replace  http://www.talidu.at/templates/pt_global_free/css/css.css line 120

with

.search input {
    color: #333;
    border-radius: 0;
    line-height: normal;
    background-color: #fff;
    /* border: 0; */
    margin-bottom: 0;
    box-shadow: none;
    float: right;
    border: 1px solid #ccc !important;
    margin-right: 10px;
}
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

talidu8b

  • Beginner
  • *
  • Posts: 7
  • A beginner
Re: search box is white
« Reply #8 on: December 20, 2017, 18:31:20 pm »
thanks a lot... I am one step further...

these were the lines...

116
117 #hor_nav .menu ul li > a:hover, #hor_nav .menu ul li > .active > a, #hor_nav ul li.active > a {
118
119   color: #FFF;
120
121   background-color: rgba(0, 0, 0, 0.556);
122
123  }
124
125

I added it starting with line 125... because when I added it at line 120 it didnt change anything...
now I have a border but whatever I write is still white on white background...

best wishes!

T

AH

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 3079
  • VirtueMart Version: 3.6.11
Re: search box is white
« Reply #9 on: December 21, 2017, 09:26:50 am »
Talidu8b  why are you not doing as @gjc said?
I just viewed your site and the css is still making the color of text white!!

So in css.css  find

.search input {
    color: #FFFFFF;
    border-radius: 0;
    line-height: normal;
    background-color: #FFFFFF;
    border: 0;
    margin-bottom: 0;
    box-shadow: none;
    float: right;
}

Change the color to #333


.search input {
    color: #333;
    border-radius: 0;
    line-height: normal;
    background-color: #FFFFFF;
    border: 0;
    margin-bottom: 0;
    box-shadow: none;
    float: right;
}


regards
A

Joomla 3.9.16
php 7.3

talidu8b

  • Beginner
  • *
  • Posts: 7
  • A beginner
Re: search box is white
« Reply #10 on: December 21, 2017, 12:23:10 pm »
Im sorry, but I did that   :-[  :-\  :'(

maybe I am missing something...


GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 9491
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: search box is white
« Reply #11 on: December 21, 2017, 20:21:57 pm »
and a few lines later u have

.search input {
   color: #FFFFFF;
   border-radius: 0;
   line-height: normal;
   background-color: #FFFFFF;
   border: 0;
   margin-bottom: 0;
   box-shadow: none;
   float: right;
}

honestly.. this is basic css knowledge that you need to teach yourself if u are going to build websites.. start with the basics

This forum really isn't for css 101 - it is for VM related problems
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

talidu8b

  • Beginner
  • *
  • Posts: 7
  • A beginner
Re: search box is white
« Reply #12 on: December 21, 2017, 22:45:44 pm »

sorry for disturbing  :(  :-[

it wasnt my intention to be bothersome.

thanks a lot for your time

best regards

T