Is there a way in MT GUI to set an inner radius for a border. So far, I see that even if the border radius is curved, the inside of the border corners is 90 degrees. I saw some CSS to change it manually, but I’m wondering if there’s a setting in the MT GUI that will do it.
From what you describe, it sounds like you might need to also set border-radius on a child element nested inside of the current element you are targeting. If that child element has a background color, its square dimensions will be visible. Border-radius is not a property that child elements inherit from their parent.
If you could send me a link to the page you’re working on I can confirm my theory and provide further instruction.
There is a coming soon page, but that link should bypass it for you.
You will see the 2 squared sections at the top, under the header, that show a border around them on hover. You’ll see off hover, those images have rounded corners, but on corner, the border has rounded corners, but the images do not. I’d like to see if it’s possible for the image to have rounded corners inside of the border that shows on hover.
Also, is it possible in MT GUI to change the animation speed of the on hover border?
Ah, I see what you mean now. So one way to approach this would be to use padding and a background colour on the div instead of setting the border property. You would also need to insert the images as real HTML images, not as background-images. And then set a border-radius on the images.
Well this theme (Beaver Builder) lets you select an image as a “column” (within a row) background. And I added a custom css button made with MT in that column, and gave it the appropriate padding to center it.
So to not use a background image, but and html image instead would mean I’d have to add more code to position the button on top of the image, and truthfully, I’ve spent too much time trying to figure this out on this particular project.
I knew it would be a stretch to do this in MT and this theme without doing it completely custom, but I thought I’d ask. I think I’ll leave it as it for now.
But now that I think about it. I could just simply use MT to use a different background image on hover, and create an image that has all the round corners I want in photoshop. It wouldn’t be css borders, but it would be the same effect.
