search box is white

[talidu8b]

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]

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;}

[talidu8b]

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]

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;}

[talidu8b]

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]

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!

[talidu8b]

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]

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;
}

[talidu8b]

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]

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: #b9298b;
    border-radius: 0;
    line-height: normal;
    background-color: #b9298b;
    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: #b9298b;
    border: 0;
    margin-bottom: 0;
    box-shadow: none;
    float: right;
}

[talidu8b]

Im sorry, but I did that      

maybe I am missing something...

[GJC Web Design]

and a few lines later u have

.search input {
   color: #b9298b;
   border-radius: 0;
   line-height: normal;
   background-color: #b9298b;
   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

[talidu8b]

sorry for disturbing   

it wasnt my intention to be bothersome.

thanks a lot for your time

best regards

T