-
AuthorPosts
-
December 8, 2021 at 5:59 pm #1332015
HI
I have a few questions:
1.
I am trying to fix the columns on my site to have 2-columns instead of 4 on a number of pages on my site.
I am using this code:.responsive #top.page-id-9292 #wrap_all .flex_column.av_one_fourth { width: 48% !important; margin-right: 2% !important; } .responsive #top.page-id-9292 #wrap_all .flex_column_table_cell { float: left !important; }
which works on some of the pages like this: https://imgur.com/3ADzJkY
but others, the layout gets broken even though the pages have the same layout. https://imgur.com/oDdKekf
I’d like to do this with css and not by duplicating content on the pages and restyling for mobile.
can you help me with this? Also do I need to use the page IDs and repeat the code for each page or is there an easier way?2.
I have a regular gallery on the page listed below, but the captions have disappeared (they were there earlier). I can’t find any settings that have changed and have checked my css but can’t find anything blocking the captions. Can you see where the problem is?3.
The videos on this site aren’t playing in the page anymore, but go to youtube/vimeo instead. Has something changed in a recent update? I checked all the settings but couldn’t find any problems and I know they used to play in the page (with a preview image which isn’t showing up for youtube videos).
thanks
Nancy- This topic was modified 2 years, 11 months ago by Munford.
December 11, 2021 at 6:23 pm #1332420Hey Munford,
Thank you for your patience and for the link to your site, please try adding this css, in my test it works for both of your pages without adding the page IDs, but you can add the page IDs to ensure no conflits with other pages if you wish.@media only screen and (max-width: 767px) { .responsive #top #wrap_all .av_one_fourth.el_after_av_one_fourth.el_before_av_one_fourth.flex_column_table_cell:nth-child(5) { clear: left; } }
After applying the css, please clear your browser cache and check.
Best regards,
MikeDecember 13, 2021 at 4:13 pm #1332599thanks that worked!
what about numbers 2 and 3 above?
The missing captions?- This reply was modified 2 years, 11 months ago by Munford.
December 14, 2021 at 1:20 pm #1332749Hi,
For number two you are hiding the tooltips in your child theme with this css:/* Hide tooltip */ #top .avia-tooltip { display: none !important; }
removing this will solve.
For number three the video on both pages are working for me in-page, I tested on Chrome, Firefox, & Edge on Windows 10
Best regards,
MikeDecember 14, 2021 at 1:51 pm #1332758Hi MIke
thanks – I tried disabling the tooltips and now I see the pop-up captions, but before I had some code to put the captions underneath the images, visible at all times, instead of in a popup. I guess it got lost. Can you help me with that? I have some code to do that with the masonry gallery so I guess I can use that instead?I still am being redirected to youtube when I try to play the videos on the page.
Firefox, chrome, all the same. Is there some other setting I should be looking at?
thanks
Nancy- This reply was modified 2 years, 11 months ago by Munford.
December 15, 2021 at 1:45 pm #1332953Hi,
I don’t recall a way to show the captions under a simple gallery, this sounds like the Masonry element, I tried searching for this and found a thread where you asked for this and at the end you said you were going to use the Masonry element, perhaps this is what you are thinking of?
I made two screencasts of your videos playing correctly in-page, please see the link in the Private Content area.
are you using Windows or Mac? Try using incognito mode and make a screencast, perhaps I will see something different on your side?Best regards,
MikeDecember 15, 2021 at 2:03 pm #1332961yes I am now using the masonry element and it’s ok.
I tried the video in private mode and it worked fine – it there something in the browser that is blocking it?
best
NancyDecember 16, 2021 at 12:30 pm #1333112Hi,
Glad to hear the masonry element worked for you, as for the videos I’m not sure, perhaps you have some video add-ons? I don’t have any add-ons and the videos played correctly in regular mode, so it sounds like something on your computer or browser specifically.Best regards,
MikeDecember 21, 2021 at 4:24 pm #1333667I can’t get the videos to play in the page on any browser.
December 22, 2021 at 1:23 pm #1333751Hi,
Are you using Windows or Mac?
Did you disable all of your browser add-ons?
Did you see the two screencasts of your videos playing correctly in-page in the Private Content area?
I tested your videos in Windows 10 Chrome, Firefox, & Edge and they play correctly.
Try using incognito mode and make a screencast, it might help us identify what is going on.Best regards,
MikeDecember 22, 2021 at 1:37 pm #1333752they work in safari but not in chrome or firefox for me, though it’s fine in incognito mode.
They used to work in page, so it surprised me when they were linking to vimeo instead
My other sites are fine.December 22, 2021 at 2:31 pm #1333766Hi,
So are you saying it works in Safari on Mac, and Chrome & Firefox on Mac in incognito mode,
but not in Chrome & Firefox on Mac in regular mode?
If they work in incognito mode that means that your browser has an add-on that is changing the behavior of the browser, so it is your browser not the site.
Please check and disable all of your browser add-ons or extensions, sometimes these install without your permission.
I tested your site in Safari on Mac, and Chrome on Mac and they play in page for me, but I have no browser add-ons or extensions.Best regards,
MikeDecember 22, 2021 at 3:06 pm #1333767ok I will check again.
I didn’t see anything on chrome that was interfering.
thanks for taking a look
nancy -
AuthorPosts
- The topic ‘2 columns instead of 4 on mobile, missing gallery captions, videos not in page’ is closed to new replies.