VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: dsrpmedia on October 28, 2016, 20:25:10 PM

Title: Style dropdown lists on bill to page
Post by: dsrpmedia on October 28, 2016, 20:25:10 PM
hi

I am having an issue with the dropdown lists (country / state) on the billing information page

the background and the text are both white (the text hightlights when hovered) so at first glance it appears there are no options

see http://irtools.ca/index.php?option=com_virtuemart&view=user&task=editaddresscart&addrtype=BT (http://irtools.ca/index.php?option=com_virtuemart&view=user&task=editaddresscart&addrtype=BT)

how can I chagne either the background or text so that the writing is visible?

thank you!
Title: Re: Style dropdown lists on bill to page
Post by: K&K media production on October 28, 2016, 23:42:45 PM
change color in your template.css line 2211
Title: Re: Style dropdown lists on bill to page
Post by: jenkinhill on October 28, 2016, 23:44:31 PM
You need to override some css styles coming ftrom your template.  Firebug will help!

Somethink like
.fyi-postcontent, .fyi-postcontent li, .fyi-postcontent table, .fyi-postcontent a, .fyi-postcontent a:link, .fyi-postcontent a:visited, .fyi-postcontent a.visited, .fyi-postcontent a:hover, .fyi-postcontent a.hovered
{
color: #000000 !important;
}
Title: Re: Style dropdown lists on bill to page
Post by: dsrpmedia on October 28, 2016, 23:49:39 PM
THANK YOU!!!

I tried adding a black background color to '.fyi-postcontent li, .fyi-post li, .fyi-textblock li' and it worked!
.fyi-postcontent li, .fyi-post li, .fyi-textblock li
{
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  color: #b9298b;
  background-color:#000000 !Important; /*fyi edit*/
  margin: 3px 0 0 11px;
}