Well actually I mean a few things, I guess the best way to do it would be lay it out in step. Sorry I didn’t convey it thoroughly in the last post.
1. Go to the CataBlog Options Panel and switch to the Store tab. You must have something in the template section there if you are seeing “buy now” buttons. If you look at the HTML in that template it is basically a form.
2 Change the last tag, an image type input, <input type="image"... />
. You would probably want to switch that input tag to a submit button with a CSS class, perhaps .catablog-buynow
.
3. In any CSS file loaded by your template, perhaps style.css
, you should set style code that sets a width, height and background image on the class from the last step, .catablog-buynow
. Look into styling form elements online.
4. Make sure to also set a CSS hover pseudo class for the submit button from the earlier steps, .catablog-buynow:hover
.
You might need to do some independent research but it is very possible to give a form element a class and control it with CSS on standard, active, hover and focus states. Good luck and let me know if you figure it out.
By the way, you should never edit the catablog.css
file within the plugin directory. You can make your own catablog.css
file in the template directory which will get loaded and let you set CataBlog settings if you do not want to put your catalog style code into the theme’s styles.css
file. In the next version the catablog.css
stylesheet will only be loaded when catalogs are found on the current page.
– Zach