Modules On Same Position Side By Side - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Modules On Same Position Side By Side

D

Dominik

Template 4 years ago

Hi there

I created a new module on position "top2". Now I want both modules on top2 side by side. Please look at the printscreen to know what I mean... :-)

https://prnt.sc/10oxrqc

www.wandmalerei.ch/2021

Thank you Domi

0
8 Answers
Pavel
Pavel
Accepted Answer
4 years ago #10938

Hi. This can be done only through CSS. For example:

#sp-top2 .sp-column {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sp-contact-info {
    margin: 0;
}

Additionally, you need to write some CSS code for your module to align it. Add a class suffix to the module and write code for this.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #10940

Hello Dominik

Yes, this can be done with Custom CSS. Try the CSS given by Pavel.

Best regards

0
D
Dominik
Accepted Answer
4 years ago #10993

Thank you!

0
D
Dominik
Accepted Answer
4 years ago #11361

Unfortunately I can't get everything to line up nicely with CSS. Can someone help me?

Thank you. Domi

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #11381

Sorry! We do not provide customization support. Please hire someone to do it.

0
Pavel
Pavel
Accepted Answer
4 years ago #11384

Hi. Add this code

#sp-top2 p {
    margin-bottom: 0;
}
0
D
Dominik
Accepted Answer
4 years ago #11389

Perfect! Thank you Pavel!

Domi

0
Pavel
Pavel
Accepted Answer
4 years ago #11547

You are wellcome

0