Hello @hifumi,
The effect you’re trying to achieve is rather complex. As @gappiah mentioned, you’re better of asking for help on somewhere like StackOverflow or DEV.to. Linear gradients won’t work with dashed borders, for instance.
Please see the following for how to create gradient borders:
https://www.digitalocean.com/community/tutorials/css-gradient-borders-pure-css
https://css-tricks.com/gradient-borders-in-css/
And for animating the borders, you can see:
https://codepen.io/giana/pen/yYBpVY/
Hello @pemtfq,
I recommend following the instructions under the “Partial Content Movement” section of this guide: https://premium.wpmudev.org/blog/moving-wordpress-site/.
The guide explains how to transfer images when exporting/importing partial content like custom post types from one site to another.
Please make sure to back up your site, especially the database, before making any changes according to that guide.
Hi Iri,
The spacing did not work because there is a code for the page’s form that creates the spacing, but this code does not exist for the footer’s form.
Please add the following code in the Appearance > Customize > Additional CSS section of your WordPress Admin dashboard:
.mc4wp-form-fields p {
margin-bottom: 1em;
}
This code should give your site the same spacing between the lines on the form inside your footer:
You’re welcome! Glad it’s all working! 🙂
If your question has been answered, it would be great if you would mark this topic as resolved in the sidebar. This helps the forum’s volunteers find the topics that still need attention and more people will get helped, possibly like you did.
Hello @fivestarecommerce,
There are ways to achieve this using WooCommerce and a few WooCommerce plugins.
I think this is the best option. And you’ll still have the rest of WooCommerce’s non-cart and non-checkout features at your disposal.
Jerome, the Multiple Themes plugin allows you to run both themes on your site at the same time. Customizing each theme separately within the WordPress Admin dashboard should only affect the theme that’s being customized. The plugin has a Theme Options tab that explains how this works in more detail.
Niall
You’re welcome! 🙂
If your question has been answered, it would be great if you would mark this topic as resolved in the sidebar. This helps the forum’s volunteers find the topics that still need attention and more people will get helped, possibly like you did.
Nice find @addweb-solution-pvt-ltd, I didn’t see that when I looked at Flatsome’s demo!
Hello @andreasanastasiou95,
As far as I can tell, Elementor’s generated CSS is stored in the uploads folder: https://github.com/elementor/elementor/issues/6859. If not, the code should be in the database as adicoscai said.
Here’s where you can find the CSS files (at least the ones that loaded inside my browser):
https://andreas-anastasiou.com/wp-content/uploads/elementor/css/post-8.css?ver=1599642450 contains several references to “elementor-image” class:
To find the exact file in DevTools, you can choose the CSS selector and right click (on Windows and Linux) or CMD-click (on Mac) on the CSS file link on the top right of the box that contains the code. I’ve taken a screenshot of what I mean, which in this case is to right click or CMD-click on the “post-8.css?…599642450:1” link:
You can then choose from one of the options inside the menu that opens:
Hi @kelleragency,
I’ve seen the Interactive Geo Maps used on quite a few sites and it offers similar features as the map in the link you shared: https://ww.wp.xz.cn/plugins/interactive-geo-maps/
There’s a free and paid version. Here’s some examples of what you can do with the Interactive Geo Maps plugin:https://interactivegeomaps.com/features/
There are other free and paid interactive map options for WordPress that you can find here:
The interactive map plugin that’s closest to the one in the link you shared is the paid MapSVG plugin: https://mapsvg.com/. This plugin should allow your team to create something very similar to the map on https://edengardensepping.com.au/now-selling. https://mapsvg.com/ has some samples you can look at to see what it can do.
Your team should be able to style any of these plugins using HTML and CSS. Some plugins offer color pickers. And none should require you to edit or implement any kind of JavaScript, as the plugin will add that functionality for you.
@aureliaandthegreen in that case, it’s possible that there may be a plugin or theme conflict that’s preventing your colour changes from displaying on the site.
Please attempt to disable all plugins. Then check if the colour changes work. If the problem goes away, enable the plugins one by one to identify the source of your troubles.
Could you please tell us how you made the colour changes to your site? For instance, was it via the Divi options, the Appearance > Customize > Additional CSS section of the WordPress Admin dashboard, or another method?
You’re welcome, Jerome!
To customize the new theme, you need to:
- Go to Appearance > Themes inside your WordPress Admin dashboard and temporarily activate the new theme you want to customize
- Visit Appearance > Customize and change the header and footer settings for the new theme
- Save the changes
- Reactivate the old theme under Appearance > Themes
Niall
You’re welcome, Lohith! The Health Check plugin helps a lot when trying to find out what’s wrong with a WordPress site.
