Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello,
I’m having trouble to adjust the size of my widgets. It seems that there’s always a lot of space in between the different widgets in a same row. For example here : http://ldco-paris.fr/project/maison180m2/ : I would like to reduce the space between “prestations et services” and “chantier en cours”. I’ve set all the padding and margin to 0 and still it doesn’t work.
Same thing for the slider, how do I define the size of the box, so that the slider can fit into it ?
Thanks in advance for your answer.
Hi Ziabelle,
Okay so by default the Call to Action buttons actually has a large amount of padding associated with them. To resolve this you have two options; switch to a button widget or use CSS to resolve this issue.
The former is slightly obvious so I’ll focus on the latter in this response. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
#pgc-1228-1-1 .sow-cta-base { padding: 0; }You might also need to install the SiteOrigin CSS Editor.
Hi Ziabelle,
Regarding the slider; by the looks of it looks quite small due to the aspect ratio. I would recommend resizing it to a something a closer to the desired size of the slider. There could be a slider in rev slider that allows for this so be sure to check out the sliders settings.
Hi Alex,
Thanks for your answers.
For the Call to Action buttons, I used the CSS you gave me, and it worked perfect.
I have one more question however, concerning these Call to action buttons : I would like to align them but I can only choose Left or Right. Is there a way to Center them ?
I tried to use the Button Widget instead (which can be centered )but it’s not possible to have a border around the button…
Thanks in advance for your help.
Isabelle
Hi Ziabelle,
Sorry for the delay. I don’t think so… this is obviously an oversight and I’ll log an issue about this. With that said, I can help you center it if you would like – please just point it out as I can’t seem to find it.
Oh, and you should add slight spacing between the buttons. Please add the following CSS to WP AdminAppearanceCustom CSS:
#panel-1228-1-1-2 { margin-top: 10px; }Hi Alex,
The Call to Action buttons are on these 2 pages :
http://ldco-paris.fr/project/maison180m2/
http://ldco-paris.fr/project/appartement71m2/
I used your CSS to add some slight spacing, which looks good on the first page. (maison180m2)
If your could help me to center the buttons, it would be wonderful.
These settings (spacing and centered) should work on both pages mentioned above, and I think your code (given previously) just works for the first one, so how can I do ?
And I have another issue, if you can help too : in the footer, I put a widget 3 columns. And once again, the spacing is too big (in between the 3 columns widget and the copyright) How can I solve this ?
Thanks a lot for helping me with CSS, if possible.
Hi Ziabelle,
Please navigate to WP Admin > Appearance > Custom CSS and replace the following CSS:
#pgc-1228-1-1 .sow-cta-base { padding: 0; }With:
.sow-cta-base { padding: 0 !important; display: inline-block; } .so-widget-sow-cta { text-align: center; }Regarding the footer issue. This is a theme issue. You’ll have to contact the theme developers for a solution on this as they’ve set it up in a manner that I cannot override. With that said, I can reduce it ever so slightly. Please add the following CSS to WP Admin > Appearance > Custom CSS:
#footer #secondary { padding: 0 !important; }You might also need to install the SiteOrigin CSS Editor.
Thanks !
It works perfect for centering the Buttons.
For the footer, I will ask the Create theme developers.