customise quark sidebar modules

Hello,

I'm trying to achieve something that looks like the image here attached:

Cattura.JPG

it's a rectangle just like the sidebar modules of quark template, but with an image that takes half the size of the container and below just a few lines of text.

Can someone explain how can I achieve this with html?

Thank you very much!

Giulia

Hi

It's more of a CSS assignment. Please tell me teh url to Your site and explain exactly which module You wish me to try to make it for.

Hello,

Thank you for supporting. You can find the modules here: https://mybusinesstouch.com/: scroll down a bit, they're quite at the bottom of the page. They're three: first and third with borders, the one in the middle with a colour background.

Thanks,

Giulia

Hi

I see no images being added so I cannot check it, but I'll try to guess.

Please add this code to override.css and make sure override is enabled in template's settings:

Code: Select all

.box.border1 .box-wrap,
.box.border2 .box-wrap {
    border: medium none;
    box-shadow: 0 2px 8px #ddd;
}

.box.border1 .box-wrap img,
.box.border2 .box-wrap img {
    margin: -45px -45px 35px;
}