Fancy category issue

[pwradio]

Hi again, and thanks for fixing my earlier problem so fast.

I have two things to address and/or ask:

1. I have another formatting issue using shortcode [wp_eStore_category_fancy id=3]that you can see here: http://www.cafepress.com/PWRadio .

Basically, the audio player wants to shift everything to the right below the thumbnail image.

2. How would one go about modifying the display for fancy4? I love the setup, but I want to change the background color, and possibly the “view details” text.

Thanks,

Shawn

[pwradio]

Correction… Seems I cut and pasted the wrong address above. Should read:

1. I have another formatting issue using shortcode [wp_eStore_category_fancy id=3]that you can see here:

http://records.pwradio.net/artists/

Thanks again!

[amin007]

Open the “eStore_extra_shortcode_css.css” file which has all the CSS for the fancy4. Search for the following line in this file:

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

This marks the start of the fancy4 css code. If you know a bit of CSS then this should be really easy to modify the backgrounds and stuff.

If you want to change the “view details” text to something else then this post should help:

https://support.tipsandtricks-hq.com/forums/topic/how-to-customize-various-textmessages-displayed-by-the-plugin

I don’t see the audio player shifting everything to the right. What am I missing?

[pwradio]

Hi, and thanks. I am adding the audio player such that it should fall on the line below “False North”, and to the right of the image. It is somehow placing itself down below, and slightly left of the edge of the image. I would like for the player to stay to the right of the image the same as the text.

Thanks, and thanks for the for the Fancy4 info also! Will have to find the time to make that work.

P.S. log in credentials have not been deleted if you need to get in and poke around.

Thanks,

Shawn

[amin007]

The audio player preview comes from the audio player plugin and it uses a separate div so it will always be on its own line. Did you put the audio player in a separate div and float that div?

[pwradio]

Hi. I get that it will be on its own line, but it is placing itself well below the thumbnail image. If you look at the link you will see it several lines below the text. I didn’t write it that way.

Or are you saying that it will always be below the image?

I don’t know what a div is, but when you say “Did you put the audio player in a separate div and float that div?” are you suggesting a way to make it work the way I need it to?

Thanks

[amin007]

When I open the following page I don’t see the audio player below the image. I see it in the description area with other description of the product:

http://records.pwradio.net/artists/

We are both talking about the same page?

[pwradio]

Hi,

I googled “float a div” and have been playing around with it today. THANKS for the heads up on that!

For anyone interested who doesn’t know how to program in CSS (I didn’t until today), it is likely that I’ll have this up for some time. See http://records.pwradio.net. To get the player next to the image, I did something like this:

<div>

<div style=”float: left; width: 95%;”>Listen to or purchase music from Joe Artist! </div>

<div style=”float: left;width:30%”>Song </div>

<div style=”float: left;width:40%”> [wp_eStore_audio_player src = “http://pwradio.net/link_to.MP3”%5D </div>

<div style=”float: left; width: 25%;”> [wp_eStore:product_id:8:end] </div>

</div>

[Author]

Posts