VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: Tikkiro on January 05, 2015, 16:45:28 PM

Title: Template VM CSS question
Post by: Tikkiro on January 05, 2015, 16:45:28 PM
I'm trying to figure out how to enlarge the text in my Joomla shop since an upgrade to J3.3.6 and a new template - pjo-zonada-free.   I'm unsure whether it's the template CSS or a VM CSS file that I need to work on to make the change - so far I've not located the text in either but my knowledge/usage of CSS is very VERY basic!

The text is on the VM Front Page - the content is the right size but where I have category images, the text above them is tiny in comparison to the rest of the page (see attached image)

I tried using Firefox's web developer but still couldn't find what I was expecting - it did hint that the possible CSS file might be VM-ltr-common??  If so, I only found 1 mention of text size & changing it didn't make any difference to the output.

Can anyone point me to the right file to work on to see if I can track down the right bit to change?

Thanks.




[attachment cleanup by admin]
Title: Re: Template VM CSS question
Post by: jenkinhill on January 05, 2015, 17:02:12 PM
Use Firebug to work it out. You probably need to add a css override for h2, but impossible to be sure without a url.
Title: Re: Template VM CSS question
Post by: Tikkiro on January 05, 2015, 19:01:36 PM
Thanks for that info - not sure I'll yet manage to figure it out but worth a try.

Apologies on site link - usually think to add it in - it's only a test site currently:  Gentle Touch Cards (https://www.kitsandcards.co.uk/jgtc3/index.php/handmade-cards)

Appreciated :)
Title: Re: Template VM CSS question
Post by: GJC Web Design on January 05, 2015, 20:05:56 PM
.category-view .row .category .spacer h2 a {
  display: block;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
}

add to jgtc3/components/com_virtuemart/assets/css/vm-ltr-site.css

[attachment cleanup by admin]
Title: Re: Template VM CSS question
Post by: Tikkiro on January 05, 2015, 20:40:59 PM
Thank you SO much - you're a gem.  Will get that done tomorrow & come back to you if any further diffs on it or mark Solved otherwise.

Muchos gracias :)
Title: Re: Template VM CSS question
Post by: Tikkiro on January 06, 2015, 16:57:32 PM
Again - thank you SO much for taking the time to help me out with this - I'd have never figured it out on my own.   I worry that someday I might have to look into a different platform for my shop, as I can't get to grips with what's needed to enable me to use VM to a greater degree without constant hand holding (never seemed to need quite so much previously).

I've a ton of health issues that make learning new things difficult & while I've managed thus far, things seem to be getting tougher with the constant upgrades of website related software.

Hence i really do appreciate those like you & Jenkinhill who've the patience to take 10 mins to repeat yourself for the nth time no doubt.

THANKS!
Title: Re: Template VM CSS question
Post by: GJC Web Design on January 06, 2015, 17:09:38 PM
for css styling issues like this - remember - there is no "right" place or file - css can be added to any css file as long as it's called -
if it is over written later on (hence the Cascading Style sheets) just add !important after the rule
if there is one thing to try and get a handle on it is Firebug .. it will be your gateway to every styling issue -