Forum Replies Created
-
Posts
-
Hmm, ok this mostly makes sense now. The thing that is unclear is I used the shortcode from the shortcode page to create the tab with columns in the page that is now not working. I’m afraid if I rework all the tabs on my product pages that I will have the same problem since I’m not doing anything different but just doing it again. I can recommend to my client that we remove the columns/shortcode but they were set on that design so I’d like to make this work.
When I originally created the page, I did test it thoroughly before launching. It broke afterwards.
Thanks for any other ideas you might have. At this point I’ll likely recommend to remove the columns since we don’t really know the issue.
Hi Mike,
Thanks for digging into this! Do you think the HTML in the page titles is causing the issue with the tabs? The reason we did this was so we could format the category pages the way we wanted. Woocommerce wouldn’t let us achieve the formatting we wanted so we disabled those pages and created our own. I provide an example page that illustrates this in the private content area.
To create the “details” tab, we wanted two columns, which tabs doesn’t support. To get around that, I created two columns using the layout elements (see draft page called shortcodes) and copied the shortcode into the tab. I got that idea from this support page, could that be causing the issue?
I don’t want to change the HTML in the titles unless I know for sure that is causing the tab issue, is there a way to confirm? thanks again!
We restored the page with an error so there is now no error. However, if you click on the tab element from the backend, you’ll see the error – just don’t save!
I created a test page that is not published called Tab Test Page where you can explore further. You can make change to this page and save the draft. As a reminder, I do think the issue is in the Quick CSS area, that is where we applied formatting to the tabs. Thanks for your help!!
I do have a little more information. The image you included with the warning IS something I’m seeing now. However, the formatting we do on the tabs is done in the quick CSS section and not on the tabs themselves. There are no HTML tags. This has worked for us for a long time, this error is new. Thanks!!
what’s the best way to provide an admin login? should I set up a new one with a support email address? What is the email address I should use?
Hi Mike,
No, it was not like this previously, it was only after the edit was made. We use these shortcodes successfully on other product pages, it is only when an edit is made that it displays the error. Now we are in a situation where we can’t update any content on the tabs so I’d like to understand what is happening so I can fix the error and update the product pages with the content we need.Hi Mike,
Thanks for your quick response! No, I don’t see that warning but we are using shortcodes within the tabs so we can have columns on the tab and it has given us a lot of trouble. Part of the shortcode has a red box around it and when I click on it to edit, the screen goes black the the browser closes.Any other advice?
Hi Mike,
Thanks for your quick response! No, I don’t see that warning but we are using shortcodes within the tabs so we can have columns on the tab and it has given us a lot of trouble. Part of the shortcode has a red box around it and when I click on it to edit, the screen goes black the the browser closes.Any other advice?
Thanks,
JulieOk! Thanks, that seems to have worked. What about lining up the video and the image? Is there a way to set the image and video to be aligned? They aren’t aligned on the bottom.
Thanks!
Fantastic Nikko, that worked! It is a bit “jumpy” though, any way to get the tool tip to not jump? Here’s my version on the FSA image: https://ade-medical.z4pby1v9-liquidwebsites.com/test/
Hi Rikard,
Yes, I want the text under the images to be lighter. I used this code to get the font to be the size I want:
.slide-entry-title.entry-title {
font-size: 17px !important;
}I was hoping, I could use this code to lighten the weight of the font:
.slide-entry-title.entry-title {
font-size: 17px !important;
font-weight: 100;
}But that didn’t do anything. I also tried font-weight: light;
Any ideas?
Also, you are right, it isn’t technically a product page! It is a regular page with the blog posts elements pulled in for each product. I would like to put a simple grey box with rounded corners around each product. Is that possible?
Thanks!
JulieActually, I have another question. I have a grid row for the top of this page: https://ade-medical.z4pby1v9-liquidwebsites.com/blog/
I cannot get the teal area to be the same height as the image on the left, can you help? This is another grid row and the background of the cell is teal. I have a custom class and am using this code:
.blog.av-layout-grid-container {
max-width: 1250px !important;
max-height: 200px !important;
margin: 0 auto !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
}but the cell height is unaffected.
Thanks!
JulieHi Mike,
I think I’m following you but I can’t get it to work. I named the grid row that I don’t want to be full screen product_gallery and I put this in the custom css class field under developer settings. Then I modified the code to say:
.product_gallery .av-layout-grid-container {
max-width: 950px !important;
margin: 0 auto !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
}Now the header (the full screen grid row) looks good but the “product_gallery” grid row is off. This code doesn’t seem to effect it at all. Do you see anything obvious that I did wrong? I checked the other css code and I don’t see anything else than could affect this.
Thanks!
JulieHi Rikard,
Hopefully this is more clear. I want to use a grid row in two different ways on my site. The first way is as a banner at the top of the page. Here is how I want it to look:
https://drive.google.com/file/d/1ipqyUlRmKIhMUtjGC1SnHbUp1tOY39zM/view?usp=drivesdk
The banner is full width here, which is what I want. Here is what it currently looks like:
https://drive.google.com/file/d/1P2tU7Zd4vLto4UMzonRxRY87TXx6PHVQ/view?usp=drivesdk
It is not fullwidth. The reason it is not full width is that I have another grid row on my site that looks like this:
https://drive.google.com/file/d/1m0P-OujEI95ySZY5oH9iQo0DJfie6ynv/view?usp=drivesdk
In order to get this grid row to not be full width, I added this code:
.av-layout-grid-container {
max-width: 950px !important;
margin: 0 auto !important;
padding-bottom: 5px !important;
padding-top: 5px !important;
}I want the second grid row (the group of photos) to NOT be full width and I want the first grid row (the banner) to be fullwidth. The code above tells all grid rows to have a max width but I want the banners to be full width.
Can you help?
Thanks!
JulieThat worked for the text underneath the search results but the search box on the search results page still has white font. Is there a way I can modify that so it is readable?
Hi Rikard,
The image is clear on my mac (2560×1600) but blurry on my external monitor (1920×1080)
Thanks!
JulieThanks! This worked! The date underneath though is still white and so unreadable. Is there a way to show the meta description of the page?
Also, when I’m on the search results page, if I want to perform a new search, the font in the search bar is white and unreadable. Please help. Thanks!
Hi Rikard,
I figured it out! Your code was specific to one page and I was looking at other pages because I want this to work everywhere. I removed .page-id-220 and now it is perfect.
Thanks!
Julie
