News:

Support the VirtueMart project and become a member

Main Menu

search box is white

Started by talidu8b, December 20, 2017, 00:25:28 AM

Previous topic - Next topic

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

Joomla 3.10.11
php 8.0

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

Joomla 3.10.11
php 8.0

talidu8b

#4
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.

Quote from: talidu8b on December 20, 2017, 14:48:48 PM
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
Lowestoft, Suffolk, UK

Retired from forum life November 2023

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

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;
}
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 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
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

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


Regards
A

Joomla 3.10.11
php 8.0

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
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 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
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

talidu8b


sorry for disturbing  :(  :-[

it wasnt my intention to be bothersome.

thanks a lot for your time

best regards

T