planetboris
Forum Replies Created
-
Hi, were you able to see the new screenshot uploads? Thanks
Forum: Plugins
In reply to: [Accordion Slider] How to change font?Hi David, I’m having an issue with the shortcodes working together. As I mentioned I’m trying to use the shortcodes in a tabs element. So my goal is to display the first shortcode, and then click on the tab button that will then display the second shortcode. (All of this is for mobile view) I have also tried many other methods such as accordions, content switcher, and templates. I have tried using the same shortcode, and alternating the 1st and 2nd shortcodes in their respective placements within the tabs and accordions. (also tried them in shortcode widgets between 2 html widgets for a content switcher) You can see in the attached screenshots, the first tab, or accordion, looks fine as intended, no problem. But the 2nd shortcode does not display. The text will display, as you can see in the attached images: https://postimg.cc/gallery/nBNJ2rR Its really strange. I have cleared cache on all levels multiple times, restarted browser and computer. Still have the issue. The 2 shortcodes for your Accordion Sliders that I’m using are duplicates, so the only difference is the images and the text. All settings are the same. The attached images are from my last attempt to resolve the issue using a content switcher. But the results are exactly the same when trying within the tabs and accordion widgets. And I have tried several tab and accordion widgets, same result with all of them. In this image you can see another screenshot of the 2nd shortcode, that from the previous image, you could see only the text https://postimg.cc/QKQFtdv7 In that screenshot: you can see all the images because I placed it within the first tab. So it’s the second tab, or accordion position, etc., that is not rendering the shortcode Any ideas? (also just to mention, for the second tab position, which doesn’t render the images, the panels are still functioning, the panels will move depending on clicking or mouse wheel action, and the different panel texts will appear with all the animations working. Just the images are not rendering)
- This reply was modified 2 years, 9 months ago by planetboris.
- This reply was modified 2 years, 9 months ago by planetboris.
- This reply was modified 2 years, 9 months ago by planetboris.
Forum: Plugins
In reply to: [Accordion Slider] How to change font?[UPDATE] just to let you know since my last message I managed to solve the center alignment issue and it seems to be working well across different viewports. I just entered “center’ in the Horizontal field in the appearance settings. And also I was able to finally figure out the layout in mobile and is working as I had envisioned. I had to keep “Responsive” checked while switching “Responsive Mode” to custom, and I set height to 88vh, which seems to fill the page…..I will keep you posted, I’m trying to implement the shortcodes into a template to use in a tabs format. Cheers
That’s good to know, thanks for confirming. Also regarding that same footer, and also the header of the Modal Box, I am using a template and I would like the template to fill in the entire box, meaning also the header and the footer areas. Now the template image stops at the borders of the footer and header. So I would like the template to extend into the footer and header areas, so the complete Modal box is filled with the template. Is that possible? Thanks and best regards
Forum: Plugins
In reply to: [Accordion Slider] How to change font?Thanks, I can do some rudimentary CSS, basic stuff but I was finally able to apply the Media Queries and get the font size and styling I needed, so that is great. The problem I have now is alignment. You don’t have any center alignment settings. I want to have all my text layers set in the middle. It’s ok for desktop but when I go to laptop tablet and mobile the alignment is all over the place. I really like this plugin but its very difficult to make simple adjustments like center aligning text. And for mobile, what is the starting point, is there a default setting? Do I have to create breakpoint settings for all the different phone viewport sizes. I don’t know where to start with Mobile. Here is what I see in the preview, my panels are all bunched up together and the open panel, opens only 25% and you don’t see any text https://postimg.cc/XZ4hpYVV . Hope you can help, thanks and best regards.
- This reply was modified 2 years, 9 months ago by planetboris.
Forum: Plugins
In reply to: [Accordion Slider] How to change font?That’s great, thanks for the css. Also…
1)What about using a non-standard font such as https://fonts.google.com/specimen/Special+Elite
2)How do we change the font size? And how do we apply those changes across different viewport sizes for responsive design?
Forum: Plugins
In reply to: [Accordion Slider] How to change font?Just to add to my previous message, I mean how to change the font-family, and change the size of font in paragraph layer, not the heading layer. Thanks
For the previous query regarding “we need more clarification about the vertical space that you are referring to…” I’m referring to the “height” space between the separator color and the bottom of the footer, which contains the lower close button. https://postimg.cc/dDzbJPYS There are no settings to decrease this height, to make it smaller ( less height ). Is that possible?
Ok, here you can see the screenshots. Please refer to my last message, the issue with different mobile sizes, the tab buttons don’t adjust to the varying heights. So if I apply a setting for an Iphone 14 for example, if a user uses a mobile that has a smaller screen height, 736 for example, the tab buttons will disappear because they don’t scale to fit the shorter screen height. You can see that in the 3 screen shots. Each one representing a different mobile phone size. https://postimg.cc/gallery/bNvPy1j
Thanks, I will have a look at my svg files, probably I need to delete the inline styling. I will try something like OMGSVG, maybe that will make a difference. Cheers
Hi, regarding Advanced Tabs widget, specifically positioning of the tabs. In mobile mode, you can see in the attached photo the tab buttons are positioned on the left side. https://imgur.com/a/mlvo06M They are positioned in a view port size of 360 X 736. You can see the next screenshot shot what happens when the display increase size, in this case 390 X 844, which is size of iphone 12, 13 & 14. https://imgur.com/a/i4oJKcc You can see the tabs did not extend lower, or stretch to match the viewport size, and subsequently, when the display size is 360 X 640, https://imgur.com/a/ey9zmRt some of the tabs disappear, because the tabs positioning does not respond to the change in viewport size. What settings can i use so that these tabs will correspond to the display size being used for?
[SOLVED] Thanks for confirming on your end. I did more troubleshooting and apparently it was the “vh” height setting on the nav menu container that was blocking the tabs from working in mobile. Also I am using svg icons for the tabs but they don’t respond to hover changes I have applied in the style settings. I would like them to change color or even shrink if possible upon hover. Do you have any suggested CSS to apply changes on hover? Change color on hover or glow on hover if possible?
- This reply was modified 2 years, 9 months ago by planetboris.
Yes, that was it, I disabled it and the page cache message no longer appears, and confirmation that it is working shown in the “Passed tests” list in the WordPress dashboard. Excellent, thanks for your help in solving this. Cheers!
That’s excellent news, thank you very much for adding option to change footer separator color, that will greatly improve the design. For the previous query regarding “we need more clarification about the vertical space that you are referring to…” I’m referring to the “height” space between the separator color and the bottom of the footer, which contains the lower close button. https://imgur.com/a/3HFAx5S There are no settings to decrease the height, to make it smaller ( less height ). Is that possible?
Hi Leap13, thanks very much for fixing this, it works perfectly! Makes a tremendous difference in the design. I truly appreciate this fix. It is the best modal box, I tried so many and this is the very best. There are just 2 small things I wish to adjust if possible regarding the footer. I attached to screenshots to illustrate. How do you remove the white line that appears in the footer? https://imgur.com/a/jGoJ7UK There aren’t any settings to remove it. Also how do you adjust the vertical space of the footer? https://imgur.com/a/3HFAx5S ………….. + it would be nice if you had an “X” close button for the footer, just like the header, it would be more consistent for the design. I haven’t found a font that matches the header ‘X” close button to use for the footer. Thanks and best regards