-
AuthorPosts
-
January 26, 2016 at 8:44 am #764975
Hi there,
Is there an easy way to remove the grey border that’s appearing around my embedded YouTube video? I’m hoping you can just enter something in the style box and it will disappear.
In fact, I have looked but can’t find it – is there a list somewhere that tells you which parameters you can change for each of the different elements using the style box? I only ever seem to find info relating to shortcodes which I don’t really know how to use.
Also, on a different topic: Say I have a row with three columns – the first two are a text element and the third is an image. Is there a way to find out what size/dimensions the image needs to be so it’s the same height as the text? It’s really time-consuming to have to put an image in, see if it works, and then constantly have to edit the image/crop it to get it the right height.
Thanks for your help!
January 26, 2016 at 11:57 am #765325Hi there,
Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
January 26, 2016 at 11:19 pm #766181This reply has been marked as private.January 26, 2016 at 11:23 pm #766189Sorry – another question while I’m here: when I put in a custom headline at the top of a section or row, it creates a large gap above it (in between the headline and the top of the section) – is there a way to remove that gap? I’d be quite happy to remove the gap for all custom headlines across the site as it would be easy enough to add a gap when I want a lower, but there seems to be no easy way to remove a gap…
January 27, 2016 at 3:36 am #766486Hello There,
Thank you for the info.
To remove the border for the embedded video, please add the following CSS on Appearance > Customize > Custom > CSS:.page-id-1606 #x-section-6 .x-video.embed.with-container { border: none; box-shadow: none; }
Depending on how do you want to align images, you can add predefined class. In case you want to move the image downward and align it vertically with the text on the left, you can add class mts
(m) – margin (t) – top (n) – none
You may check the following list of classes:https://community.theme.co/kb/css-class-index/By default, section have 45px top and bottom padding. You may decrease it by clicking the specific section > Inspect element(Magnifying glass button) then reduce the Padding property.
Hope this helps.
January 27, 2016 at 8:06 am #766867Thank you – that’s really helped me.
January 27, 2016 at 10:48 am #767148Glad we were able to help
If you need anything else, please let us know.
January 28, 2016 at 1:25 am #768349Sorry – one more question…with removing the embedded video border, is there something I could input into Appearance > Customize > Custom > CSS that removes the border for all embedded videos across the site?
January 28, 2016 at 2:12 am #768388Hello Again,
If you want to remove the border of all embedded video across your site, please add the following css code in the customizer, Appearance > Customize > Custom > CSS
.x-video.embed.with-container { border: none; box-shadow: none; }
We would be happy to know if this has work for you. Thank you.
January 29, 2016 at 8:23 pm #771491That’s worked perfectly – thank you again!
January 30, 2016 at 7:32 am #771905You’re most welcome
-
AuthorPosts