Okay, I have the premium version of Vantage. I’m using Page Builder and I put the SiteOrigin Image widget onto its own line on the top row. I said to center the picture and put the subtitle for the picture below the picture itself. This is what I ended up with:
The title is not centered with the picture, and it looks funky. Is there a way to center the title for the picture?
Thank you!
Hi HavaWorkman
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
Thanks. Do you perhaps want to use the Visual Editor widget to insert images. Here is the result. Links are private. You can confirm by checking the thread logged out.
Private Snippet
You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
/* SO Image Widget */ .so-widget-sow-image h2 { text-align: center; }You might also need to install the SiteOrigin CSS Editor.
I already have the SO CSS Editor installed.
I added the custom CSS coding and that looks MUCH better – thank you! Just the look I was going for.
Quick question: There’s kind of a large gap between the picture and the caption:
What’s the CSS to reduce that padding? I made a guess and it didn’t do a darn thing so I’m back to asking you again. :)
Try changing our earlier CSS rule to:
/* SO Image Widget */ .so-widget-sow-image h2 { margin-top: 0; text-align: center; }That doesn't make any difference. I also tried
/* SO Image Widget */
.so-widget-sow-image h2 {
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
Which also didn't do anything.
Hi :) It does make a change, it’s just a small one. Try:
.so-widget-sow-image h2 { margin-top: -10px; text-align: center; }