Joomla Templates Club 406,261 posts

[maillard71 Friend maillard71Join date: November 2011Posts: 15Downloads:0Uploads:0 Thanks: 3]

#171995

Hi everyone, i would like to modify the ja_vm_cat_browse
I found the php file but i dont know where the css file is.

In fact, i’d like to change the font for the title of product and also the button add to cart size…

Anyone knows how to do that?

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#430550

Hey There … In order to try to best assist you, please provide the url of the site you’re working on . . . a link to the particular area of your site you want to modify . . . and set “Optimize CSS” to “No” within your Template Manager–General Settings.

[maillard71 Friend maillard71Join date: November 2011Posts: 15Downloads:0Uploads:0 Thanks: 3]

#430551

HiTom and thanks for your answer, i’ve just sent u a private message with the detail.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#430779

<em>@maillard71 290323 wrote:</em><blockquote>HiTom and thanks for your answer, i’ve just sent u a private message with the detail.</blockquote>

My apologies … “Optimize CSS” is not an option within J1.5 templates (such as JA Larix).

So, the CSS files you are looking for are in relation to your “Browse Category” pages?

[maillard71 Friend maillard71Join date: November 2011Posts: 15Downloads:0Uploads:0 Thanks: 3]

#430830

Yes, but i cant find the css, i found the php only…

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#430867

For your category browse pages . . . . .

Open ja.vm.css file (within path –> /templates/ja_larix/css/ja.vm.css)

beginning at line 110, you should see the following:


div.ja-product h3 {
background: url(../images/ci-right.gif) no-repeat top right;
font-size: 120%;
line-height: normal;
margin: 0 -5px 5px;
text-indent: 25px;
text-transform: uppercase;
}


div.ja-product h3 a {
background: url(../images/ci-left.gif) no-repeat top left;
color: #403C3A;
display: block;
padding: 8px 0 8px 5px;
text-decoration: none;
}


Try adding a font property to both of these rules – such as font-family: Arial, Helvetica, sans-serif; or whatever other font you are able to utilize.

The “Add To Cart” button is controlled by the following CSS

Open ja.vm.css file (within path –> /templates/ja_larix/css/ja.vm.css)

at line 40, you should see the following:


.addtocart_button {
background: url(../images/button-addtocart.gif) no-repeat center left;
display: inline;
font-weight: normal;
outline: none;
vertical-align: top;
width: 90px;
height: auto;
padding:2px 0;
}


As you can see, the image for the button is button-addtocart.gif . . . so, this is the image you will want to modify and/or replace.
Also, depending on the size of the button you use, you may beed to adjust the width parameter as well.

Hope that helps

1 user says Thank You to TomC for this useful post

1. maillard71

[maillard71 Friend maillard71Join date: November 2011Posts: 15Downloads:0Uploads:0 Thanks: 3]

#431208

Yes that helps a lot actually… that’s exactly what i was looking for!!

Thanks a lot!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#431247

Very glad to be of assistance . . . . all the best with your continuing site development.

😎

[Author]

Posts