I’m using Page Builder and I’m having some problems with the space between two images when it is displayed on a mobile phone. In this web http://www.pameladelacolina.com/prueba/ I’ve added one row with Page Builder divided in two columns. In each column I’ve added a ‘Text widget’ and wrote a html code to set an image with a text over it. When displayed on a PC is ok, but when you see the page in a mobile, the space between the images is too much. ¿How can I reduce the space? I’ve tried to change some settings but nothing happened.
This is the code I’ve used in one of the Text widget (in the other I’ve used the same but changing the Image url):
#imagen {
width: 100%;
position:relative;
}
#imagen>div
{
position: relative;
bottom:90px;
color:#fff;
line-height: 100%;
padding:2px 10px;
text-shadow: 0 0 5px #808080;
}
PIEZAS PERSONALIZADAS
Diseños hechos a medida teniendo en cuenta tu preferencia junto con nuestra aportación, haciendo así la pieza más tuya.
Thank you!
Pablo
Hi Kagayama
I’d like to help you with this, but unfortunately, this is beyond the scope of the support we’re able to offer on our free forums. There is a fair amount of custom work involved.
We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.
If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.