Tagged: ,

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #552023

    Hi,
    I managed to place a border around images by using
    .avia-image-container img {
    border: 4px solid #d8a1ac;
    padding: 10px;
    }

    But how can I get a border around medial element “video”? Can’t find anything that works.

    Thanks!

    #552277

    Hi MarikaZoll!

    Please add following code to Quick CSS as well

    .avia-video {
        border: 4px solid #d8a1ac;
    }

    Best regards,
    Yigit

    #555264

    Thanks Yigit. Still missing the border on 3 page types see below url examples. I hope you can help!
    Rgds!

    #555548

    Hi,

    I think you forgot to post the URLs?

    Regards,
    Rikard

    #555650

    Sorry, the 3 examples included below B Regards!

    #557202

    Hi, before the holiday, any chance to help with these 3 links to make the borders unified?
    Thanks!!

    #557561

    Hi,

    I couldn’t find any videos on your news page? On this page (private), could you try adding the video with the video element to see if that works better?

    Cheers!
    Rikard

    #558014

    Sorry I wasn’t clear.
    I got help getting borders around some images or video-images but 3 places are not having the needed borders.
    I have listed these 3 places in the private area below. I hope you can help with the needed css code to finally get these areas having borders as well.
    Thanks!

    #558907

    Hey!

    Add this to your custom CSS.

    article a img, iframe { border: 3px solid; }
    

    Regards,
    Elliott

    #560361

    Almost there, see my comments in the private box. Hope you can help.
    Thanks!

    #560875

    Hey!

    Try this:

    img[class*='align'],
    #top div .avia-gallery img,
    .mfp-figure img {
        border: 3px solid blue;
    }
    
    #top div .avia-gallery img{
        padding: 0;
    }
    
    #top .mfp-figure img {
        padding: 0;
    }
    
    #top .mfp-bottom-bar {
        margin-top: 0;
    }
    
    #top .avia-popup .mfp-close {
        top: -35px;
    }

    Modify the first code as needed.

    Regards,
    Josue

    #560895

    Can you help me with what to adjust in the CSS code. The code in the private box is all CSS code I currently have added. I think there is some conflicting code since I doesn’t seem to help.
    Thanks!

    #560898

    Try replacing that (all) with this:

    #top img[class*='align'],
    #top div .avia-gallery img,
    #top .mfp-figure img,
    #top article a img, 
    #top iframe,
    #top .avia-video,
    #top .avia-image-container img{
    	border: 4px solid #d8a1ac;
    }
    
    #top .avia-image-container img {
    	padding: 10px;
    }
    
    #top div .avia-gallery img{
    	padding: 0;
    }
    
    #top .mfp-figure img {
    	padding: 0;
    }
    
    #top .mfp-bottom-bar {
    	margin-top: 0;
    }
    
    #top .avia-popup .mfp-close {
    	top: -35px;
    }

    If you want to change the border globally you’d just update this line:

    border: 4px solid #d8a1ac;
    

    Please make sure you don’t copy these codes from the email notification but from the actual forum reply.

    #560950

    Great! The only left now I believe, is the larger pictures on the page in the private box the rest is now working great!

    #561266

    Hi!

    Try with this:

    .avia-slideshow li img {
        border: 3px solid #d8a1ac;
    }

    Regards,
    Josue

    #561699

    Hm, no difference. Do you get the large pictures (3 of them) to have the same border as the thumbs? For me, they still are thin.
    Thx!!

    #561743

    Hey!

    The three images are actually one image, it’s not possible to modify the actual image with CSS so you’d need to split them and upload them separately (or edit the image and add the borders manually).

    Cheers!
    Josue

    #561749

    Thanks,
    Not sure we are talking about the same thing.
    Here is the image for the 3 images with the thin border: https://www.20vikings.com/the3borders.PNG
    The 3 images with thin border

    Hope you can get these image borders to get thicker!!

    #561878

    Ok, try adding this:

    #top div .avia-gallery .avia-gallery-big {
        border-width: 3px;
        padding: 0;
    }

    Regards,
    Josue

    #563641

    Thanks! It worked, can you tell me also how I can justify all posts in a css command instead of writing
    <div style=”text-align: justify;”>
    </div>
    in every post!

    Thanks!!

    #564223

    Hm, try with this:

    article p{
    text-align: justify;
    }

    Regards,
    Josue

    #568876

    Sorry for late reply, just wanted to thank you, such great support!

    #568913

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 23 posts - 1 through 23 (of 23 total)

The topic ‘Border around media element "video"’ is closed to new replies.