Can anyone suggest me a WP Plugin which can toggle like on this page? http://jedfoster.coma/Readmore.js/
The one I did with some CSS is not working fine in Chrome and IE here http://desertvethurricane.com
I am using Thrive-Squared theme, it does has a toggle but more of kind like FAQ works. A bold heading and toggle content under it. Shortcode ultimate plugin's toggles are kind of same. I need a toggle, which should have a READ MORE (content editable) button and when clicked, it should scroll to bottom and have a READ LESS button as shown in the example above.
Timely help is appreciated. Thanks
Related
I am new to elemetor and just wanted to explore the plugin. I have seen the website of Hongkong University and there is a part there where if a user hovers over the text, the background image would change. The change depends on the text being hovered. I wanted to recreate this under elementor but can't figure how.
I tried adding a custom id to the section and button (via elementor), then adding custom CSS codes in WordPress. Unfortunately, I was unsuccessful. If this is not possible using elementor, may I know if there is a plugin that has the same function? Thank you.
I have checked the website you have mentioned above. You can make it using Elementor and some custom coding. Please check this video tutorial which will help you to understand how you can make the same as per your requirement. You need to just change it as background image and hover on text selector.
You can also check this tutorial to get another idea. Code snippets are also added there
I am designing a wordpress site for a friend. He wants the bio text to appear after clicking on necessary image. I noticed this is straight forward with Elementor Pro. I want to keep things free for him at the mo.
I am running the Astra theme with basic Elementor. I also know how to code so if you think this is a custom css job then let me know the work around. (I'm brand new to WP)
Many thanks
Try adding an onclick event to the image and write some java script to add text where you want or may be enable a hidden textarea ??
You can check this link below for reference
How do I add a .click() event to an image?
This is my URL: http://www.aiowebdev.com/vapestation/
In the shop page on mobile view, my sidebar is at the bottom. I want it to be at the top, I tried using some CSS to make it go to the top but im using the divi theme. I dont know if that has something to do with it but Im not sure on how to make it go to the top.
If you need anymore details please let me know, been working on this for couple days now I cant seem to figure it out
I can give you a java script solution to this issue.
jQuery(document).ready(function(){
jQuery('body.woocommerce-page #sidebar').insertBefore( jQuery('body.woocommerce-page #left-area') );
})
Add this piece of javascript to your divi themes option.
I'm using a Revolution Slider on a one page wordpress website and I want to have a link inside the slider which will take the visitor to the 'contact us' section down the page. I'd rather not use the 'scroll below' option as this will not work properly on mobile devices.
I've added a div id="contact-info" in the raw html, but when I try to link to contact-info or #contact-info I get sent to a 404. What am I missing here?
I've added two screenshots:
one how I made the link in a button in the Revolution Slider
one how I added the HTML in the page (through visual composer)
Even if I change the link to any of the options mentioned above, the link still doesn't work.
Hope you guys can help me out!
Try to the Slide Editor > Link & Seo > Enable Link select "Disable".
then add #contact-info again. Hope can help!
I'm currently using the TinyMCE Styleselect menu to add CSS classes into the WordPress editor. This has worked OK for me so far and is great if you only have a few classes that you want to use. When I have added more classes however, the styleselect dropdown becomes a little un-user friendly as you have to scroll through the options which can also make the page scroll also.
The solution I want to implement involves a button in the tinymce toolbar that when clicked will open a popup window, from which you can select a class to apply to the selected text in the editor.
I know how to add custom buttons to tinymce and create the popup window but how do I make the buttons that add the class actually apply the class to the the selection?
Anybody any ideas of the code I need to use to do this or a tutorial detailing the above would be great.
I am not entirely certain this is correct, but I think that if you want to go beyond customizing TinyMCE via the hooks provided by WordPress you will have to go through TinyMCE itself. Consequently this is probably more of a TinyMCE question, than it is a WordPress question. I suggest you check out the TinyMCE plugin documentation.
However, once you have your plugin ready there might be a bit of an issue getting WordPress to load it. I'd definitely try to avoid manually placing it inside wp-includes like the rest of TinyMCE, but it seems WordPress does actually provide a way of loading external plugins.