Mail Order: How To Change Look Of Order Link, image button instead of link Options

[Web Design Seo]

How to change look of Order link in Mail Order?
Image button instead of "Order" link.

Modification is simple. I give you one example, you can see this in our website. In our iste this work like text link plus image for background - button.

Example: Website design of property website in France

Open file:

Код

/public_html/plugins/content/mailorder.php

At bottom of file search for:

Код

    return '<a rel="nofollow" class="mailorder" href="'.$url.'">'.JText::_('Buy').'</a>';
}

If you want add some html, like this for example:

Код

return '<div><a rel="nofollow" class="mailorder" href="'.$url.'">'.JText::_('Buy').'</a></div><br /><br />';
}

and add picture and class in css of your template in joomla.

Example css class to add in template:

Код

.mailorder {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://3dwebdesign.org/images/stories/buttons/order.png");
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: auto;
display: block;
float: left;
font-family: "Georgia";
font-size: 16px;
font-weight: 700;
height: 44px;
padding-bottom: 0px;
padding-left: 25px;
padding-right: 10px;
padding-top: 11px;
text-shadow: 0px 1px 0px, 0px 2px 4px;
width: 173px;

Enjoy