Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #764975

    tristanlewinsohn
    Participant

    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!

    #765325

    Darshana
    Moderator

    Hi 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.

    #766181

    tristanlewinsohn
    Participant
    This reply has been marked as private.
    #766189

    tristanlewinsohn
    Participant

    Sorry – 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…

    #766486

    Lely
    Moderator

    Hello 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.

    #766867

    tristanlewinsohn
    Participant

    Thank you – that’s really helped me.

    #767148

    Thai
    Moderator

    Glad we were able to help 🙂

    If you need anything else, please let us know.

    #768349

    tristanlewinsohn
    Participant

    Sorry – 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?

    #768388

    Rue Nel
    Moderator

    Hello 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.

    #771491

    tristanlewinsohn
    Participant

    That’s worked perfectly – thank you again!

    #771905

    Thai
    Moderator

    You’re most welcome 🙂