Hello, Please see homepage of WorkoutSandbags.com. See custom content below featured products. How and where do I code to make both the video and the extra-wide photo CENTER without making them be 100% size? I would prefer them to stay at 75% width. There is a"custom html" text box within the “custom content” element.
Thank you, Dale
Go to your store click on Actions > Edit Code
Assets > theme.css or theme.css.liquid and paste below lines at the bottom of the file.
.custom__item {
margin: 0 auto 15px !important;
}
.medium-up--text-center {
text-align: center;
}
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
Hello Savior,
Thank you for your help. I tried it and it did not work. What now?
I appears to me as tho the code sent to me was to center the TEXT in the custom content on WorkoutSandbags.com. What I want to do is center the VIDEO and the FOTO above and below the text in the custom content below the featured products. Thank you for your help. Dale
This is the best CSS value which align any div in center. Please check this >> https://prnt.sc/22rbiev
Hello,
What am I supposed to see and/or do on the “Lightshot” page?
Thanks dale
hello, i see NOTHING after you typed please see this>>>
hello,
you told me to do this:
On your custom-content css class add: justify-content: center;
what is a CLASS ? which folder is custom-content.css in? what is the
difference between a faji4t9.css file and a awe4tj9rvmp’5h.liquid file?
because some are present, and some are NOT!
thank you for your help,
dale
in your theme.css (located likely in the assets folder) there is code which looks like this:
the part the arrow is pointing to is what you have to add and then save the code and it should solve your issue
hello quintin,
thank you for your help. there is NOTHING in your email after “looks
like this:”
i see nothing after the THIS. i know how to get to assets > theme.css.
another question: do i paste code at the bottom of the english code, or at
the bottom of all the many language icons?’
thank s dale
find where it says .custom-content in your theme.css
and you will have to add justify-content: center; at the bottom
the part you were not able to see was a image, it may be possible you are not able to view the images in this post?
hello quintin,
i am now reading off the “shop community” page and not the email. please once more tell me what to do, and i will be able to read and see what to do from the comm page. please be specific as to which folder and which file to use. some end in .css and some end in .liquid. is there a difference? and, where do i paste the code? at the bottom of the english code, or at the bottom of the entire page with all of the language icons?
thank you dale
In the assets folder there will be a file named theme.css in this file
you will have to find the part of the code that starts with .custom-content {
at this part of the code you have to typ justify-content: center; and than save the file (so within the { and } not before or after those 2 symbols)
Please try to provide pictures/screenshots of what files you are looking at / inside of
hello quintin,
thank you for your help. what i want to do is to be able to center both the video and the foto (and still leave them at 75% width) below the text in this custom content on hompage, as seen here:
here is the code you referred me to.
exactly which .custom-content do i need to paste the code into, and exactly which { } do i paste them between?
in both of them
so under margin-left: -30px;
and under margin-left: -22
NOPE NOPE NOPE it didnt work
and, the bottom insert of
justify-content: center;
went outside of the last }
is this okay?
the codes went onto lines #6325 and 6330
this is not working
but thank you for your help.
any more advice?
dale
hello quintin,
thank you very much for your help today. when i pasted the code
justify-content: center;
into the place you told me, i had to put it in front of the
} on the top one and in front of the } } in the last one. and it
worked!
thank you dale
happy to hear it worked for you could you mark my post as the answer/answered
