Mark Callf Design - Re:Changing Button Appearance

Main Menu
Home VirtueMart Store VirtueMart 1.0.x Mods VirtueMart 1.1 Mods Tutorials Website Showcase Forum Downloads News Links Search

Latest Forum Posts
Re:LightBox + More images - IMPROVED... by macallf Re:Virtuemart and product detail theme... by macallf Re:Child product table layout (price...... by bulesz Child list table... by cchhita Re:A lot child products crash I.E , ...... by sunny

Home

Forum

	Design Forum	Forum Threaded View Rules Help

Welcome, Guest
Please Login or Register. Lost Password?

Design Forum

VirtueMart 1.0.x Modifications

Extended Minicart

Changing Button Appearance (0 viewing)

Favoured: 0

TOPIC: Changing Button Appearance

Forum Tools

#402

mlsuf (User)

Fresh Boarder

Posts: 3

Changing Button Appearance 4 Years, 6 Months ago

Hi

I think this is a great little enhancement on the shopping cart.

Clear instructions - very easy installation.

My only question is that the button does behave in the same way as the other buttons on my page. I have managed to left align it but if possible I would like to remove the whitespace immediately above the button and remove the change colour on the 'Show Cart' words on the button.

Is there anyway of modifying this? You can see it here.

Thanks again

Martin

Report to moderator Logged

Logged

The administrator has disabled public write access.

Warning: array_merge() [function.array-merge]: Argument #1 is not an array in /home/markfco/public_html/design/components/com_fireboard/class.fireboard.php on line 653

Warning: array_walk() [function.array-walk]: The argument should be an array in /home/markfco/public_html/design/components/com_fireboard/class.fireboard.php on line 656

Warning: array_merge() [function.array-merge]: Argument #1 is not an array in /home/markfco/public_html/design/components/com_fireboard/class.fireboard.php on line 653

Warning: array_walk() [function.array-walk]: The argument should be an array in /home/markfco/public_html/design/components/com_fireboard/class.fireboard.php on line 656

Warning: array_merge() [function.array-merge]: Argument #1 is not an array in /home/markfco/public_html/design/components/com_fireboard/class.fireboard.php on line 653

Warning: array_walk() [function.array-walk]: The argument should be an array in /home/markfco/public_html/design/components/com_fireboard/class.fireboard.php on line 656

Warning: array_merge() [function.array-merge]: Argument #1 is not an array in /home/markfco/public_html/design/components/com_fireboard/class.fireboard.php on line 653

Warning: array_walk() [function.array-walk]: The argument should be an array in /home/markfco/public_html/design/components/com_fireboard/class.fireboard.php on line 656

#403

macallf (Admin)

Administrator

Admin

Posts: 655

Re:Changing Button Appearance 4 Years, 6 Months ago

It's just a case of css!

in your template file I changed this

Code: :


 .button {
    padding: 1px 4px;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #BABDB6;
    border-right: 1px solid #BABDB6;
    background: #EFEFEF;
    background: url(../images/wr_but_bg.jpg) 50% repeat-x;
    font-size: 11px;
}
.button:hover, .button:focus {
    border-top: 1px solid #BABDB6;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    border-left: 1px solid #BABDB6;
    background: url(../images/wr_but_bg.jpg) 50% repeat-x;
}

to this

Code: :


 .module a.button:link,.button {
    padding: 1px 4px;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #BABDB6;
    border-right: 1px solid #BABDB6;
    background: #EFEFEF;
    background: url(../images/wr_but_bg.jpg) 50% repeat-x;
    font-size: 11px;
color: black;
}
.button:hover, .button:focus,.module a.button:hover,.module a.button:focus {
    border-top: 1px solid #BABDB6;
    border-right: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    border-left: 1px solid #BABDB6;
    background: url(../images/wr_but_bg.jpg) 50% repeat-x;
color:black;
}

Report to moderator Logged

Logged

Mark

The administrator has disabled public write access.

#910

mlsuf (User)

Fresh Boarder

Posts: 3

Re:Changing Button Appearance 4 Years, 3 Months ago
Hi Mark Sorry, it's took ages for me to get to changing this. I have made the changes to the template but the button appears to be doing the same thing. Can you tell if I've made the change correctly? Here's the link. Thanks Martin

Report to moderator Logged

Logged

The administrator has disabled public write access.

#911

macallf (Admin)

Administrator

Admin

Posts: 655

Re:Changing Button Appearance 4 Years, 3 Months ago
The button isn't changing colour, it behaves the same as the others so from point of view it is working as you wish. To remove the whitespace above the button edit shop.basket_short.php. The last line has two br statements i.e. echo $CURRENCY_DISPLAY->getFullValue( $total )."<br/><br/>"; change to this to remove the whitespace after it. echo $CURRENCY_DISPLAY->getFullValue( $total )."<br/>";

Report to moderator Logged

Logged

Mark

The administrator has disabled public write access.

#913

mlsuf (User)

Fresh Boarder

Posts: 3

Re:Changing Button Appearance 4 Years, 3 Months ago
Thanks Mark - now managed to remove the whitespace. The button words still change colour on rollover - starts off blue and then changes to black. On my other buttons the text is black and stays black.

Report to moderator Logged

Logged

The administrator has disabled public write access.

#918

macallf (Admin)

Administrator

Admin

Posts: 655

Re:Changing Button Appearance 4 Years, 3 Months ago
I beg to differ! I have just checked your site in both FF and IE and the button starts black and stays black!

Report to moderator Logged

Logged

Mark

The administrator has disabled public write access.

Forum List

VirtueMart 1.0.x Modifications

Extended Minicart