How to have buttons/link show/hide object/content on a single page?
Hi,
I have four links (or buttons). Each of the four links have four different images and text. I need only first one to show after the page load and have others hidden. the hidden will show if the associated links are click (& show only the one for the link not all). Kind a similar to Tabs maybe, but to fit the full-width.
I already have a slider revolution slider on the page so some of sliders are not working or compatible or will not fit the full width format, like the offer slider. I also want the link on the top of the content.
Appreciate your help.
best.
I have four links (or buttons). Each of the four links have four different images and text. I need only first one to show after the page load and have others hidden. the hidden will show if the associated links are click (& show only the one for the link not all). Kind a similar to Tabs maybe, but to fit the full-width.
I already have a slider revolution slider on the page so some of sliders are not working or compatible or will not fit the full width format, like the offer slider. I also want the link on the top of the content.
Appreciate your help.
best.
Comments
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks
Anyways, if you can tell me how to change "Tabs" background color or make the background transparent for both Title and Content?
Thanks
here's the screen shots...
https://prntscr.com/h1ggw3
https://prntscr.com/h1gh89
This image -->, https://prntscr.com/h15ok7 shows 5 hover color box with 5 Text below.
This image shows how it is set up in the muffin builder --> https://prntscr.com/h15oam
So, only TEXT for option 1 to show on page load
when user clicks on option 2, only text for 2 to show
if user clicks on option 4, then only text for option 2 to show and so on....
thanks
If you are asking about the auto-close feature then it is not possible. It will not hide on its own, you have to click it.
It takes colors mainly from the theme colors>content>theme color
So as you can see from the images that this is broken and its not the theme color in TABS.
Do you have an expedited support or priority support ?
Look at this .... http://forum.muffingroup.com/betheme/discussion/32740/few-stange-effects-options-not-working#latest
all of these seem related. Fix the original problem.
However, as a developer of the theme I believe you know where/which file you can set according/tabs background colors. If you make that changes to the files and send them to me I will just replace them on my localhost. You can set the background color to #252525.
http://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#accordion
You want to change which bacground, the title bg or the active text bg.
http://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#accordion
http://themes.muffingroup.com/be/theme/shortcodes/content-blocks/#tabs
both title bg and active text bg.
Thank you very much for doing this.
Can I put this under Custom CSS&JS section of the Theme Option or per page?
You can paste the css on the page directly or in theme options>custom css&js>css
Try deleting browser cache, it could hold some CSS.
This is why we always want the link to tthe page, to write custom css and see if anything else is not interfering with it.