Image / Text Box with Border

hannes741

Hello,

I need a image / text box with a border. But the border should only be around the text. I tried to make this with muffin builder, but I can´t find a way to do that...

Here is the picture, how it sould be:

Maybe someone can help me?

Best regards,
Hannes

Bryan

Hey,

please send us a link to your website and point us to that element. We will see what you have done so far.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

hannes741

Hello,

here is the Link:

https://jukus-stuttgart.de

Element is with heading "Unsere Kurse"

Best regards

Pablo

Please, do it similiar to my steps:

1. Make a new section, then add wrap, put a Image and Collumn item into this wrap.

http://prntscr.com/jtlo7t

2. Edit a section: http://prntscr.com/jtlk5n

and scroll to bottom of settings and check the Columns | remove vertical margin

http://prntscr.com/jtlkfx

3. Edit a collumn.

Add your text, after it put a [divider height="20"] and put a shortcode button.

http://prntscr.com/jtllcp

At the end of collumn, you'll find a Custom | Styles http://prntscr.com/jtllth

Paste there this code:

border: 1px solid black; border-top:0;

After these tips, you should be able to edit more things.

Feel free to ask.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

hannes741

Hello,

thank you a lot for this help! If worked fine! 

Now there is just one little problem. I have a button on yellow and one button on white. I styled them fine, but when I want to style the hover, there is no different styling available although I use an extra class.

The white outline button on yellow background with "Erfahre mehr" should hover with white background and yellow font.

The yellow outline button on grey background with "Zu den Kursen" should hover with yellow background and white font.

Should I add something to the button shortcode?

Best regards

Pablo

I cannot do for you a Custom CSS code for one button, becouse all of them have same class.

They must have something what will be special for them.

I'm sending you HERE, it will surely help you.

Cheers.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

hannes741

I understand, and I headed this page.

But when I have two buttons with different colors, I can set the colors in the shortcode. But where I can set a different color for the hover? When I set this with css, they are all the same because they have all same classes.

Can I add a ID oder Class to the buttonshortcode?

Best regards

Pablo

You can add a class for each other button using a "class" attribute of shortcode

http://prntscr.com/jucpuc

Add for each button other class, then I'll be able to help you.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next