Adding "View Details" text to Style 2

[Sherig]

I like how some of the “style” options include a “View Details” button, but I don’t like the black background in those styles. Is there a way to add a “View Details” button in Style 2 (here is the code I am using:[wp_eStore_category_products_fancy id=13 style=2]

Here is the link to one of my pages:

http://www.school4jesus.com/bookshop/homeschooling-ebooks

OR is there a way to use a different background on the styles (like Style 4) so that I can have the View Details button without the black background?

Thanks for your help!

Sincerely,

Sheri Graham

[amin007]

Modify the CSS file and customize whatever color you want to use. To modify the fancy 4 display open the CSS file for the extra shortcodes plugin and look for the following heading to find the corresponding CSS code for fancy4:

/*=== Fancy 4 css === */

[Sherig]

Thank you! I have edited some of the CSS, but I am having a hard time figuring out which part of the Fancy 4 CSS is for the “View Details” text. Can you help? Thank you!

[Sherig]

I guess I should clarify I little bit more.

If you look at my page here: http://www.school4jesus.com/bookshop/homeschooling-ebooks

I am wanting to get the “View Details” text over to the left under the graphic. But I can’t seem to find the coding in the Fancy 4 CSS that allows me to do that.

Can you tell me what part of the coding is for the “View Details” text?

Thanks again for your help!

[ervanerfian]

Hi Sheri,

Open your blue.css in your wp-content/themes/church

Before:

body {

…

}

Add:

@import url( custom.css );

Save your blue.css

Now you can create new file (custom.css)

Add:

.eStore-fancy4-thumb {

width: 125px;

}

.eStore-fancy4-thumb img {

margin-bottom: 5px !important;

}

Play safe.. just create a custom CSS hack with the new file instead of edited the original one, so you don’t need edit eStore_extra_shortcode_css.css or many code line too on your blue.css for every new updated.

[Sherig]

Thank you so much! It worked great!

Have a blessed day!

[Author]

Posts