Grow your CSS skills. Land your dream job.

how to have a button over an image which when click expands to the left to show more info.

# March 23, 2013 at 12:44 pm

PHP doesn’t help.

# March 23, 2013 at 1:45 pm

ok what do you need in stead since this combined with the CSS is what generates the page with in wordpress

# March 23, 2013 at 2:11 pm

We need the HTML and CSS relating to the figure, caption and image effect. A reduced case in Code pen would be ideal.

Otherwise I can do a small example based on what I can see.

# March 23, 2013 at 2:37 pm

paulie_d small example would help as might be getting my code muddled and what I’ve manged so far is by no means how id like it.

Currently I’ve managed to get an what I need to slide out from the left kinda (wrong place but that’s a starting point) but at the same time the title of the image comes from the bottom. I’m wondering if I need to use Z-index and have them in this order

1) Image

2)Title

3) Purchase Button

would I then be write in thinking that area where purchase button is would take precedent, then the rest of the image area would active the title?

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".