Center content vertically in images and text columns lorenza theme

[jasminsharp97]

On this page: https://66cdcb-86.myshopify.com/pages/studio

(password: chohme)

I'm having an issue with this Design & Fabrication section. I want the content to be centered vertically with the picture. How do I accomplish that?

The other thing I want to accomplish in that same section is centering the caption on the image without centering the rest of the text, and getting rid of that extra space below the image:

[brandography]

Hi @jasminsharp97 , there's most likely a setting inside of your theme section to apply centering to your text. Looks like other sections on your site are using this so this likely the case for this section as well. Good luck!

[jasminsharp97]

The issue is I don't want to center all the text. I can center the text horizontally but I only want the caption under the image to be centered, not all the content. Any advice?

[brandography]

You'll need to target that specific line of text in this case. What page are you looking at specifically and what theme are you using?

[jasminsharp97]

The theme is Lorenza, here is the page: https://66cdcb-86.myshopify.com/pages/studio (password: chohme)

I tried:

.text-block__item text-block__heading type-heading-1-small{

align-content:center!important;

}

and that didn't solve it. What am I missing?

[brandography]

Try this instead:

h3.text-block__item.text-block__heading.type-heading-1-small {
    text-align: center !important;
}

[Made4uo-Ribe]

Hi @jasminsharp97 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.text-block.text-columns__feature {
    align-content: center;
}

[data-theme-editor-setting="section.template--18036270104807__text_columns_with_images_38UA78.block.column_9aHQ6C.title"] {
    text-align: center;
}

div#shopify-section-template--18036270104807__text_columns_with_images_38UA78 .section {
    padding-bottom: 20px;
}

And Save. 

Result:

Just concern, you request to rid of the extra space below the "L’OBJET HAAS" title. How about above on section? 

The default size on every section is 80-80 top and bottom. I only adjust make into 20px on that below. Do you want also to adjust the upper part? 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!