Struggling With Page Layout - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Struggling With Page Layout

T

thilo2621

SP Page Builder 2 weeks ago

Hi everybody, I would like to make a page like this one:

https://preview.themeforest.net/item/travelin-travel-tour-booking-elementor-template-kit/full_screen_preview/42143086

Please choose "Home Three" in the menu to see what I want, especially the 3 round images which partially covers the background image would be nice to have - any idea how to do that?

0
3 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 weeks ago #208880

Hi

Thanks for reaching out to us. Yes, you can do it, but it requires many customizations. I’m sorry to say we do not offer customization support. However, I can give you a tip: You can use some CSS to make the image round. Here is an example of CSS that can give any image a round shape. Follow the CSS below:

your-image-class img {
    width: 90%;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: var(--e-global-color-3c2ad25);
    border-radius: 50% 50% 50% 50%;
}

This will make your images look like that effect.

https://prnt.sc/Nwj8NsKnhDEu

You can inspect that site and check the CSS codes, then apply them to your site. It should work. For CSS inspection, you can check our blog below:

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

NOTE: Make sure you have a full site backup before making any changes.

Hope it helps.

-Regards.

0
T
thilo2621
Accepted Answer
2 weeks ago #208892

Great - I will have to dive into CSS then, though I don't know (yet) how and where to apply this CSS - I will check your doc :)

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 week ago #209579

Yeah sure and thanks for accepting the answer.

0