VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: cvrak on June 07, 2018, 08:37:31 AM

Title: Css question
Post by: cvrak on June 07, 2018, 08:37:31 AM
Hi,

When in category view, with paging, how can I change the colour of the small rectangle for the current page? Now, all rectangles are the same colour which makes difficult for the user to know which page is dispalying.

Thanks

Joomla 3.8.3
VM 3.2.14
Title: Re: Css question
Post by: jenkinhill on June 07, 2018, 10:29:06 AM
What "small rectangle" are you referring to? With VM default templates in Protostar or some other template?

A URL will help!
Title: Re: Css question
Post by: cvrak on June 07, 2018, 11:13:13 AM
The URL is https://bit.ly/2HrAOfF
Attached you'll see what rectangle i mean. In red is the english text.
I'm using Gantry Hydrogen template.

Thanks
Title: Re: Css question
Post by: GJC Web Design on June 10, 2018, 12:25:52 PM
difficult to separate as they have no classes

but with

a.pagenav {
   color: #fff;
   text-decoration: none;
   background: #00420e;
}

you can have

with individual entries you can try ( they don't seem to work in one joined rule

li:not(.pagination-next) a.pagenav {
   color: #fff;
   text-decoration: none;
   background: #00420e;
}
Title: Re: Css question
Post by: cvrak on June 11, 2018, 13:13:59 PM
ok, GJC Web Design.
Thanks a lot!!