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.
Link does not work.
Excuse me, it’s wiels-music.be/music
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.
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.
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!
Try adding some padding to
on line 108 of your stylesheet
you are the best! what’s your hourly rate? do you work freelance?
>you are the best! what’s your hourly rate?
Just happy to help.
>do you work freelance?
alright thanks for your help :)
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.
Suggest you start a new thread with appropriate links and details of mobile device and browser being used.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".