show divs next to each other

[ctpweb]

Hi,

On the homepage of my website wiels-music.be/music there are 4 blogposts showing. I would like to display the title and excerpt of the post on the right of the image so that it’s horizontal instead of vertically displayed.

The design needs to stay responsive.

Thank you!

[Paulie_D]

Link does not work.

[ctpweb]

Excuse me, it’s wiels-music.be/music

[Paulie_D]

To start, your div `.omc-half-width-category` is only 290px wide.

You will need to increase the width to 580px (double) otherwise the text won’t fit to the right of the image.

[Paulie_D]

Here’s the basics as I see it. http://codepen.io/Paulie-D/pen/eIADn

If you float all of the items inside the article (and use a clearfix) it can be done.

[ctpweb]

awesome thanks!

one more thing: I added a “read more” button. how can I set the size of the button. I would like it to be a bigger button. If I set a width or height to the button a element it doesn’t change. Thanks!

[Paulie_D]

Try adding some padding to

h1.button a

on line 108 of your stylesheet

[ctpweb]

you are the best! what’s your hourly rate? do you work freelance?

[Paulie_D]

>you are the best! what’s your hourly rate?

Just happy to help.

>do you work freelance?

Unfortunately not.

[ctpweb]

alright thanks for your help :)

[ctpweb]

Hi Paulie, I need to reopen this issue. It worked great, but I found out that your solution is not responsive at all and it breaks my design on a smartphone.

[Paulie_D]

Suggest you start a new thread with appropriate links and details of mobile device and browser being used.

[Author]

Posts