Discussion on Vela - Responsive Business Multi-Purpose Theme

Discussion on Vela - Responsive Business Multi-Purpose Theme

By
Cart 2,051 sales
Well Documented

Wyde supports this item

Supported

1508 comments found.

Is there a way to add a custom color swatch to a product page. Or can I change the product page from displaying a color swatch to showing a color list by name? Thanks.

You will need to install the third party plugins to achieve this. Check out the links below: https://wordpress.org/plugins/woo-variation-swatches/ https://wordpress.org/plugins/variation-swatches-for-woocommerce/

However, those plugins are not included in the plugins support list so we couldn’t confirm that they will work correctly with this theme.

Hi! We have the Vela theme installed on our website and are using the one-page business version but the menu items are not linking down the page like they’re supposed to. We are getting a “javascript:void(0)” on the menu items when you hover over them as the HREF is showing up with that. The pages are calling correctly, and in the right order, it’s just the menu doesn’t work. How can we fix this? Thank you!

You can find the instructions on how to update the theme in the documentation: https://wydethemes.com/vela/documentation/#update

Thank you! The next problem, I tried to update the theme first via cPanel and then I downloaded the Envato Market plugin – it does tell me there is an updated needed – but I keep getting a fatal error message with the new theme version live: “Fatal error: Call to undefined function wyde_page_loader() in /home/woodenhorse/public_html/wp-content/themes/Vela-Child-Theme/header.php on line 114” so I have to revert to the old version.

Sounds like you’ve edited the header template file in your child theme.

If you copied over a template file to change something. After you update the theme, you may need to copy the new version of the template to the child theme and apply your changes again.

Hello,

I have just purchased the Vela – Responsive Business Multi-Purpose Theme and now the following plugins are not working for me: Slider Revolution and WPBakery Page Builder.

Slowly I get a bit impatient, they would help with please and say why that does not work. I was really looking forward to this theme.

lg KEvin

There may be plugin conflicts on your site. If you have any other plugins that are not included in the theme, try to deactivate them to see if it works.

If it still doesn’t work, you may need to send me your WordPress admin login details. You can send a private message to the contact form on our profile page here: https://themeforest.net/user/wyde#contact

Hi Wyde, may I know how to disaabled the hover in the sticky menu? I wanted to show always the sticky menu. Pls send halp

current menu set in the bottom: http://prntscr.com/otuzo2 when hovered: http://prntscr.com/otuzxi

Pls help. Thanks

You may need to add CSS snippet below to Appearance -> Customize -> Additional CSS to remove the hover background color from the menu:

#header.fixed .dropdown-nav > ul > li > a:before {
  display: none;
}

#header.fixed .nav > ul > li:hover > a,
#header.fixed .nav > ul > li.active > a, 
#header.fixed .header .menu-cart:hover > a, 
#header.fixed .header #search:hover {
  background: none;
}

HI Wyde, I added the following code and also in Theme option > Additional CSS but not working. Pls help. I still have to hover the menu in order to see it

You may need to send me your site URL so I can take a look. If I need to login to access your site, you can send a private message in the contact form on the profile here: https://themeforest.net/user/wyde#contact

hi, may i know it already have the latest update? it look like not compatible with the latest wordpress version?

You will find the changelog here: https://themeforest.net/item/vela-responsive-business-multipurpose-theme/9793377#item-description__update-log

If you are using the Vela 2.0.5 or greater, it will be compatible with the latest version of WordPress.

However, you have to update the bundled plugins to the current version as seen in the changelog too.

Hello,

I have purchased your theme recently and totally love it. Well done on making it so easy.

there are two things I cannot get to work for some reason, and I wonder if its a bug or if its operator error :) can you advise maybe?

http://dev2.trafficact.com.au/contact/

1) the google maps on the contact us page doesnt change no matter how often I change the address in the box. 2) the contact form 7 doesnt work either despite the fact it’s set up?

Are you able to direct me perhaps?

Thanks for your help

Jen

Hello,

Thank you for choosing our theme!

1) Please ensure that you’ve setup the Google Maps API Key under Theme Options -> Google Maps.

2) The email address in the From field (sender) must have the same domain as your WordPress site. For example: noreply@trafficact.com.au

If so, make sure your WordPress site can send out an email, you will find more details here: https://blog.cf7skins.com/contact-form-7-email-issues/#sending

Hope this helps!

Hello,

I have gone through all these steps. (sorry I cannot add screenshots to show you)

I have set up a Google Cloud Console account Obtained API key Added API key to theme options When I go to page > contact > google maps content block. I cannot save my address. The pin stays on a random location in the US?

What did I miss?

PS will test your suggestion for the contact form separately :)

Jen

If the map couldn’t find the right location from your address. You can manually move the pin to your location on the map.

However, if it still doesn’t work. There may be plugin conflicts on your site, try to deactivate the third party plugins to see if it works.

Hi Vela! May i know how can I make the menu on the bottom of the page? Like this: http://prntscr.com/or5dj3

Thank youuu

Yes. Instead of the sticky menu on the top, how can i make it in the bottom?

And no hover. How can I do that? I wanted the sticky menu on the bottom without hover. Menu is always displaying instead of hover. Please help

We are sorry but that is not available in the theme design. However, try adding the CSS snippet below to Appearance -> Customize -> Additional CSS to see if it works:

#header.fixed {
    top: auto;
    bottom: 0;
}

It might not be great but is only way to make it sticky at the bottom of the page.

Hi Wyde!

May I know how to fix this? http://prntscr.com/oo59a2

Thanks Wyde!

Those error messages are from Slider Revolution plugin. This is a PHP compatibility issue. It seems like that your website is running on PHP 7.3. Unfortunately, the old version of Slider Revolution plugin is not compatible with PHP 7.3, you will need to update that plugin to fix this issue. Please follow these steps:

1. Make sure that you are using the latest update of the Vela theme (2.0.5.1).

2. Deactivate then delete the Slider Revolution plugin from your Plugins page. Please don’t worry, your existing sliders will NOT be lost.

3. You will see a notification message at the top of your WordPress admin page to install that plugin. Click on “Begin installing plugins” to install the new version (5.4.8.3).

If it still doesn’t work, you may need to temporarily downgrade your PHP to 7.2 to work around this issue.

However, the next update of this theme will include Slider Revolution plugin 6.x and it will be compatible with PHP 7.3.

Thank you so much, Wyde! You’re really the best! <3

You are welcome :)

is there a way to use a shortcode for a button? I can’t seem to find it. And I want to add Google clikon event to it, I can’t find a way now. Help!

Thanks. Now, on the original button I had an icon that is visible on hover. Is there a way to style this HTML code to the same?

..and the code does not work; it does not link to any page. I tried to adjust it to: <button onclick=”return gtag_report_conversion(‘https://www.isdesubsidieaanvragen.nl/aanmeldformulier_isde_subsidie/');" link=”https://www.isdesubsidieaanvragen.nl/aanmeldformulier_isde_subsidie/”>PARTICULIER? MELD U HIER AAN</button> but this did not work either. any ideas?

The button won’t bring you to any page, you may need to use the Link Button instead.

You will need to add custom JavaScript event to the button to achieve this. Here is a quick tip:

1. Put a custom class such as transmit-button into the Extra CSS Class field of Vela Link Button element.

2. Add JavaScript below into Theme Options -> Advanced -> Body Content:

jQuery( function( $ ) {

    $( window ).on( 'pageloaded', function () {

        $( '.transmit-button' ).on( 'click', function( event ) {

            gtag_report_conversion( this.href );

        } )

    } );

} );

Hello Once More-

One more question, where can I change the email address for the contact form information is sent? Don’t see. Thanks in advance for your reply along with the other questions.

Best, Tonita

That email address is correct. However, for some hosts the “From” email address needs to be a valid email on that domain. You may need to create a new email address such as noreply@eaddyperry.com to use as a sender’s email address on your website.

If it still doesn’t work, it is likely that you are unable to send emails from WordPress in general. Try checking your web host and make sure it can send out an email. You can find more details here: https://blog.cf7skins.com/contact-form-7-email-issues/#sending

Hope this helps!

Thanks so much! You have been great!!! I am going to tell all just how great in my rating.

You are welcome and thank you for your great review :)

Hello Again -

As update, I actually figured out one of the initial questions, I have launched the site, but there are two additional issues that i need assistance. They are as follows:

The mobile view cuts off the banner of the homepage. How can the view keep the the entire name, while keeping this font size of the name for the computer view?

On the case studies, the mobile view, at the bottom under “Related Projects” heading, the photo covers the words underneath. How can this be fixed?

Again, on Our Clients page, I would like to change the color of the headings, which i ask about in my previous email.com.

Thanks again for your assistance.

Best, Tonita

eaddyperry.com

Hello,

1 – You may need to edit your slider under Slider Revolution menu on your WordPress admin, and then enable the Custom Grid Sizes on the Slider Settings screen so you can set different font size and styles for mobile device, you will find the instructions here: https://www.themepunch.com/revslider-se-doc/slider-setup/#custom-grid-sizes

2 – On the Case Studies page, it actually is a bug of the theme on mobile device. Thank you for reporting this issue, we will fix it in the next update. However, if you would like to fix it right now, you will need to add CSS snippet below into Appearance -> Customize -> Additional CSS:


.one-left .related-posts li .thumb, 
.one-right .related-posts li .thumb {
  height: auto;
}

3 – I just replied to your previous question.

good day -

hope this email finds you well. i am in the home stretch in completing the website. such an excellent theme!!! with this being said,i am having a bit of trouble with two items that i cannot seem to find answers or figure out. they are as follows:

Our Clients on this page, i would like to change the color of each heading to #cc3822. I cannot seem to find how i can do this. i tried coding it, , but i cannot seem to change it.

Contact Us on this page, i would like to add the stripe with wording on top, like on the home page, but for some reason as i try to build using the same boxes, it will not do right. please allow me to ask what i would use to get this same thing on this page?

if you should need my login info so that you may see what i am referencing, please do not hesitate to let me know. thank you so much for this wonderful template. can’t wait to launch.

best, Tonita

Hello,

Glad to hear that you like our theme and thank you for your kind words!

To change the color of heading only on the Our Clients page, you will need to add CSS snippet (below) into Custom CSS settings of that page:


.heading h2 {
  color: #cc3822;
}

On the page edit screen, click on a gear icon on the top right corner of the page builder toolbar to open the Custom CSS settings, see the picture below:

However, if you would like to change the color of headings on the entire website, you will need to add it into Appearance -> Customize -> Additional CSS instead.

On the Contact Us page, looks like you’ve figured it out because it’s working properly now.

For the last month, I have received the following message, “There is a new version of WPBakery Page Builder available”. However, since this plugin is part of the theme, I cannot update it manually. Can you inform me when you think the theme will update to include this plugin’s update as well? Thank you.

We’re working on the new update of this theme. You will receive a notification email after the new update has been released and available to download.

Hello there -

Hope this email finds you well. While I only have two days of support left and I will be extending it, I am having trouble with three items. Once these items are attended to I believe it will be smooth sailing. First, I love, love this theme.

To get to it, how do i change the pictures in the header for the home page and others? For some reason, I do not see it in the Pages or Theme Options. Also, I am unclear as to setting up the portfolio and the blog to look as I like, as well as making sure they are working on the navigation bar. For some reason the instructions do not make sense. Seems like their is a step missing, mostly I am missing it. Please allow me to ask for assistance? Thank you so much in advance for your assistance. Again, what a mighty fine theme!!! It is going to be tops once I get it launched.

Best, Tonita Perry

Hello,

Thank you for choosing our theme and glad to hear that you love it!

The pictures in the header of the home page are included in the main slider. There are 2 ways to change them:

1. On the front-end of your home page, if you logged in as admin, you will have a menu item called “Slider Revolution” in the admin bar. Select a slider to edit it.

2. On your WordPress admin page, navigate to Slider Revolution to edit the slider.

And then select the “Main Background” tab to change the “Main/Background Image” of each slide.

Also, here are the instructions on how to set up the blog page and portfolio page.

Blog page:

1. Create a blank page to display your blog posts, please do not add any content into this page.

2. Navigate to Settings -> Reading, in “Your homepage displays” choose “A static page” and then choose the page from #1 for “Posts page”.

3. Navigate to Theme Options -> Blog to customize the blog page.

Portfolio page:

1. Create a page, edit it using WPBakery Page Builder.

2. Add a Vela : Portfolio element from the page builder and choose the settings to display the portfolio items.

3. You can add other content elements and change the page settings under Vela Options at the bottom the page edit screen to suit your needs.

Please let me know if you have any questions.

this theme elementor supported. can I edit it with Elementor? we used Wp bakery, it is not user-friendly

Thank you for your interest in our theme!

Actually, the Elementor Page Builder is not included in the plugins support list. Also, all content elements are from WPBakery Page Builder so we recommend using WPBakery to make sure everything will work correctly.

However, if you’d like you can use Elementor instead. Some of our clients are also using it with this theme and it’s working properly.

Hello, I would like to style the drop down menu in this page: https://viking-tech.com.br/#contato.

Actually, I would like to be able to style only the first value (as It is the default).

In short: I would like that the default value (Como nos conheceu?) was like black background and white color (in both option and select mode), and when I select any other value, the style would change to a different one.

I tried to refer “First_as_label” option in CSS stylesheet, but I was not successful.

Could you help me?

Hello,

Try adding the CSS snippet (below) into Appearance -> Customize -> Additional CSS to see if it works:

.wpcf7-select {
    font-weight: 700;
    color: #fff;
    padding: 8px 30px 8px 10px;
    max-width: 100%; 
    line-height: 1.2;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #000;    
}

.wpcf7-select::-ms-expand {
    display: none;
}

.wpcf7-select:hover {
    border-color: #888;
}

.wpcf7-select:focus {
    border-color: #aaa;
    color: #fff; 
    outline: none;
}

.wpcf7-select option {
    font-weight: normal;
}

You can find more details here: https://www.filamentgroup.com/lab/select-css.html


However, you couldn’t style the options (drop down list) of the drop down menu separately. This is a limitation of that element, it always displays the same styles from the main drop down menu.

Hope this helps!

Hi there! A lot of Font Awesome Icons are not working anymore. What’s going on there? Greetz from Germany. Manuel

Hi there,

We’re sorry, this is a compatibility issue. The Font Awesome icons in the theme are different from the ones from WPBakery Page Builder plugin. Thank you for reporting this issue, we will fix it in the next update of the theme.

Hi! Font Awsome icons are still not working correctly. When will there be an update? And how can I update to a new version of Revolution Slider?

We are working on the next update of this theme and will release it ASAP.

Hi, I have problem with logo in mobile phones, no in computer. How I can check it, logo seems distorsioned. https://www.wallboxok.com

You have to put both snippets to make it work, here’s the full CSS snippet:
#header.mobile #logo {
    width: 60%;
    margin: 0 20%;
}

#header #logo img {
  max-height: 100%;
}

can you chek it I think i doesn’t work well

Try to edit the snippet as below to see if it works:
#header.mobile #logo {
    width: 60%;
    margin: 0 20%;
}

#header #logo img {
  max-height: 100%;
  min-height: 0;
}

Your support stinks. I emailed someone for support with installation. I had no idea and couldn’t figure it out myself. I decided just to keep the theme that I have and not use the Vela business theme. I’m upset that I was denied a refund and they claim that I never contacted support. I suppose that there may have been some technical issue and they didn’t get it or that I sent it to the wrong person. I was denied a refund. The customer service is bad. Now I have a product I don’t want or need.

We’re sorry but we couldn’t find any message from you before. If you sent any message on the support page or comments page, it will show up on the page below: https://themeforest.net/item/vela-responsive-business-multipurpose-theme/9793377/comments

However, if you couldn’t install the theme, we couldn’t give you a refund before you contact us because it might not be a theme related issue. I’m sure our support can help you out.

Could you please let us know more details about this issue? Is there any error message when uploading/installing the theme?

hi, i was using the theme as one page but deactivated this feature for testing. whenever i try to open a different page than the homepage i get a 404. As i read here in the comments this is supposed to be a permalink caching issue. However, I have already changed the permalink structure to postname and checked the .htaccess settings, the error still exists. Is there any other solution?

Also for the future i would like to use the onepage feature again, but i need the portfolio module to work and also the footer navigation should open as separate pages. I hope this is possible?

thanks in advance!

Hi,

There may be permalink conflicts on your site. Try checking the Portfolio Slug setting under Theme Options -> Portfolio, it must not be the same as the slug of any page and post. Also, if you have other plugins, try to deactivate them to see if it works.

If it still doesn’t work, you may need to send me your site URL so I can take a look. You can send a private message in the contact form in the like below: https://themeforest.net/user/wyde#contact

Regarding the footer navigation menu, you may need to add a Custom Link instead of a Page so it will be excluded from the one pager. You will find more details on adding a custom link menu item here: https://easywpguide.com/wordpress-manual/appearance/updating-the-menu/adding-a-custom-link-menu-item/

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey