1508 comments found.
hey, whenever i upload the team member photos it is extremely blurry, ive tried every size! what am i doing wrong?
thanks!
It displays different sizes on different number of Visible Items.
When you choose 3 or greater, it will display photos in 300×300px, otherwise in 640×640px.
The Team Members Slider will automatically stretch to full the column width. If it’s inside 1 column in a row or a full-width row.
You should increase the Visible Items option so it will show more members and the photos will be smaller and won’t be blurry.
Also, you can reduce the width of the column by adding paddings to both sides of the column in Design Options tab or change the row layout to 3 columns or more.
If it still doesn’t work, please PM me your site URL: https://themeforest.net/user/wyde#contact
Hi, just installed Vela on my new site and it won’t load.
Worked fine on test site. It gets as far as the preloader and goes no further on all pages. I’ve tried disabling all my plugins and this makes no difference.
Please help
Chris
I suppose this is a server PHP issue, please make sure you’re using PHP 5.6 or greater.
Also, the easiest way to check your server configurations is installing WooCommerce plugin, and then go to System Status page, please increase PHP configurations to the minimum as the plugin provided on that page to make sure your server will be compatible with WordPress and the theme as well as other plugins.
If you have cPanel on your webhost, you can change the PHP version in Software/Services section.
If it still doesn’t work, please PM me your site URL and admin login: https://themeforest.net/user/wyde#contact
Wyde – is there a chance to make “read more” on Single product page – Product description ? It’s long way to scroll on mobile if description is long
This option is not available in the theme. I’m not sure but I think you will need to add custom filters to your child theme to limit the product description. I just found this after googling: http://pastebin.com/TaumJ7EX
Hey Wyde, yes I’ve seen it as well but for some reason it’s not working. Anyway . .I will try maybe with accordion tabs . .will see ho it will go
Hey Wyde . .just to let you know – I’ve found solution (in case anyone more ask about that 
) – there is a plugin which works there – called Expander. You just have to use shortcode [wpex class=”wpex-link” more=”Read more” less=”Read less”] Your text to hide[/wpex] . .and that’s it ! works great on product page on short and long description.
Got short question – when I swipe over the basket on the heading it shows me Cart button with Cart word and amount to pay—how can I translate that “Cart” word ?
All static words are included in the POT file in the folder “languages” inside the Vela theme folder. You can edit this file by using POEdit ( https://poedit.net/ ).
Also, you can use the Loco Translate plugin as the steps below:
1. Please make sure you have installed and activated the Vela Child theme.
2. Install the Loco Translate plugin ( https://wordpress.org/plugins/loco-translate/ )
3. Navigate to Loco Translate, and then select “Vela Child” in the Active Theme list.
4. You will see the default language “English (United States)” in languages list, select it to edit. Or add your current website language if it’s different from default we provided.
5. Find the word “Cart”, and then put the new word into the Translation box at the bottom.
6. Save changes.
Hello, I have the Vela theme 1.5.5 installed, however, an ex employee of my company changed the footer default code (in appearence> editor) so that I cannot reset it to the out-of-the-box mode, even clicking inTheme Options > Footer > Reset Section.
So, could you please send me the original footer code so that I can change footer content in a Visual way?
Tks
If you’ve purchased this theme you can always download it from your Downloads tab on ThemeForest. Also, that version is too old. Please update to the latest update to make sure it will be compatible with new updates of WordPress and other plugins.
In the future please contact us from the account that purchased this theme to make sure you’re currently in the correct product page that corresponds to what you have purchased.
Thanks for the fast response. So, the person that provided the site instalation simply do not keep in touch with me anymore. Actualy I made a high value investiment, and I and my team just wanted to change a simple term in the customized footer. Cannot you help me Immediately with the original code? I will try to update theme and other plugins afterwards when I have intern approval…Rgds
We’re sorry but Vela 1.5.5 was released since 2015, it’s too old so we couldn’t send you the code. You have to update the theme so you will get the original code automatically. Also, please don’t edit any file in theme directly, your changes will be lost when you update the theme. If you need to edit the theme, please do it via your child theme.
Wyde.. I would like to thank for all you prompt and knowledgable support ! One of the best supports I’ve ever had !
Thank you for your nice comment
Hi, by mistake, I contacted you a while ago via a different account. I need a little help with setting up the theme. I was finally able to upload the theme, however, the demo page is not able to load. It stops at “setting” and is loading forever.
Also, if I want to install a plugin, it shows me a page including this info: “To perform the requested action, WordPress needs to access your web server. Please enter your FTP credentials to proceed. If you do not remember your credentials, you should contact your web host.” Haven’t seen anything like this before…
Sounds like there was a timeout error while importing demo content. Please make sure you have increase the PHP configurations to the minimum values as we provided in our documentation.
Regarding the plugin installation issue, that’s because WordPress couldn’t write any file on your server, please make sure you have set permission for the folder “wp-content” to be writable, see more: https://codex.wordpress.org/Changing_File_Permissions
Thank you Wyde! It works now
Wyde as well, additionally I have few more questions: 1: Can I use mobile version menu as a permanent menu ? 2: On mobile – I see white space between slider and menu bar, how can I remove it ? 3: Buttons behavior – can I make them to behave other way around ? so they are white with black frame and when I mouse over they are black with white text ? 4: can I remove frames and background color from product page / long description, additional information etc ?
1. I’m sorry, you couldn’t since it’s included in the main script of the theme. If you edit it, your changes will be lost when you update the theme. Also, it is not available in the theme design and features.
2. This is a bug of the theme on mobile. Thank you for reporting this issue, it will be fixed in the next update.
3. It’s not available in the element settings and design. You have to customize it by using custom CSS so it will have the styles as your needs.
4. Those are default styles from WooCommerce for all tables on the product and shop pages. Here’s the custom CSS to remove both frames and background from them:
<style type="text/css">
.single-product table.shop_attributes,
.single-product table.shop_attributes th,
.single-product table.shop_attributes .alt td,
.single-product table.shop_attributes .alt th,
.single-product table.shop_attributes,
.single-product table.shop_attributes td,
.single-product table.shop_attributes th{
border: none;
background: none;
}
</style>
It removed background but frames still persist I mean general frame and Tabs .. And Thank you for previous things !
Try this:
<style type="text/css">
.single-product table.shop_attributes,
.single-product table.shop_attributes th,
.single-product table.shop_attributes .alt td,
.single-product table.shop_attributes .alt th,
.single-product table.shop_attributes,
.single-product table.shop_attributes td,
.single-product table.shop_attributes th{
border: none;
background: none;
}
.woocommerce #content div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before{
border: none;
}
</style>
Hi, I’m trying to install the theme but a window with this text opens up all the time: 413 Request Entity Too Large – nginx/1.9.15
Could you help with it please? thanks!
Sorry but please contact us from the account that purchased this theme to make sure you’re currently in the correct product page that corresponds to what you have purchased.
Hello Wyde
How can I remove Page/ Product title in header on single product page ? I was able to minimize only using
<style type="text/css">
.title-wrapper {
min-height: 0.0px;
}
.title-wrapper .container {
padding: 0px 0 0px 0!important;
}
</style>
If you remove it, the header menu will overlay on the breadcrumbs on the product page. To work around this, you have to reduce the height of the title area and set the background to transparent.
Here’s the code:
<style type="text/css">
.title-wrapper{
background: transparent;
height: 85px;
}
.title-wrapper .container{
display:none;
}
</style>
My apology, the code I previously provided will affect all pages. Here’s the new code that will work only on the single product page:
<style type="text/css">
.single-product .title-wrapper{
background: transparent;
height: 85px;
min-height: 0;
}
.single-product .title-wrapper .container{
display:none;
}
</style>
Thank you !
Hi! I need to equalize row height, an option which was present in older version of the composer, but not anymore it seems. I used a fixed row height before in px at first, but it’s just not suitable anymore because the project is now running more than one language, I need flexibility for aligning the different columnts to the written content (1/2 + 1/2, where one of the column is just an empty block text with a background image in cover, which should align it’s height the the column with the text-content) I think about running a javascript code to do the work, but I don’t know which hook I should use since I use the ajax loading of the theme. The standard wordpress hook that I use is not suitable because of this. Can you tell me which hook is suitable. Or if you know a better alternative for the “row height equalize” feature. Thank you
In the Row Settings window, set the Content Vertical Alignment option to Middle so the height of all columns in the row will be equal.
I understand what it should do and tried it, but it has no visual effect. See the following page : http://sicaf.fredmastellari.fr/test-colonne-equalise/
First row => option vertical Alignement is set to Middle.
Second row: Vertical Alignement to TOP
Third row, idem, but to bottom.
You can look at the background and text on the left, (smaller column), where the aligmenet doesn’t look to have effect.
Line 848 in the html code (third row in the visual composer), you can see the class: “row v-align v-bottom”, but I don’t see any visual difference. Is something I am missing here?
Thanks in advance.
When you build the page content by using Visual Composer, please don’t forget to choose the Full Width page template. See the picture below:
Default page template is available only for the blog page.
Ok, so, for your information, the class v-align v-bottom or others similar are not applied to the section of, by exemple, a nested row. If it’s coming from your theme, please fix, if it’s from Visual Composer, you could inform them of this issue. I couldn’t fix it for myself by applying the classes manually either. In the meantime, I still need to equalize column height in a nested row. Could you tell me which hook I can use to execute a javascript code to correct column height. I use the ajax loading provided.
Exactly, it doesn’t work in a nested row.
Here’s the custom CSS to fix this issue, you can add it into Theme Options -> Advanced -> Head Content:
<style type="text/css">
@media screen and (min-width : 1200px) {
.row.v-align {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.row.v-align > .column {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* Align Middle */
.row.v-align.v-middle > .column {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/* Align Bottom */
.row.v-align.v-bottom > .column {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.row.v-align > .column > .wpb_wrapper {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
height: auto;
}
}
</style>
Also, when you add that code, it will equalize the column height in a nested row too so you don’t need to add JavaScript anymore.
However, if you’d like you can add custom JS as below to execute your script on the AJAX Page loaded:
<script type="text/javascript">
(function($){
$(window).on("pageloaded", function () {
//Your script here!
});
})(jQuery);
</script>
hey there, when i change the size of my browser or make my screen smaller, the text in my slider gets cut out and my cta button on my slider gets really small, how do you make it so the text stays within the margins and the button stays the same size.
Here’s what you’re looking for: https://www.themepunch.com/revslider-doc/slider-setup/#custom-grid-sizes
When you enable Custom Grid Sizes, you can customize different styles (i.e. font sizes, position etc.) of the text and elements in the slider for each screen.
yeah but shouldn’t the text automatically adjust to the size of the screen?
By default, the text and all elements on slider automatically adjust to the size of the screen. Unfortunately, when you’re small screen the text will be very small and some long text gets cut out so you will need to adjust it manually to fit properly for each screen size.
is there a way to change the color of the titles and have it so your have multiple colors in the title?
It’s not available in the theme options panel, you will need to change it via custom CSS as below:
<style type="text/css">
.title h1 {
color: #000;
}
</style>
ok by blog title is #cjkonlineblog and i want cjk in blue and the ’#’ and ‘onlineblog’ in white, so that there are 2 different colors, is there a way to do that?
I’m sorry but you couldn’t by using the default page title. You have to build custom title by using Text Block element so you can insert custom HTML to show the title text with different colors.
whenever i upload photos for the team members section it zooms in a lot, i was wondering if there was a specific size that works best?
When you set the Visible Items option to 1 or 2, it will display the image in the Large size (640×640px). If you set it to be greater, it will show in the Medium size (300×300px).
So the recommended size of the member image is 640×640px, it will be cropped to fit properly in any sizes of the slider.
Also, please choose the Visible Items option to fit properly in the width of the column container. That means if you have a large (wide) column, you should show many items in the slider.
I cannot find the site identity to add a a site icon? Can you assist?
Please contact us from the account that purchased this theme to make sure you’re currently in the correct product page that corresponds to what you have purchased.
Hi Can I make Vela1 (Ie the demo vela1) a one-pager?
1. Enable One Page Website in Theme Options -> Page -> Page Options.
2. Go to Appearance -> Menus, add the pages that you’d like display on the front page to the Primary Menu. Also, only pages in the top level of the menu will appear on the front page, the sub menus won’t.
Hi Wyde I did this, and now there’s suddenly a video playing in the background of everything that was on the Home Page instead of the slider showing at the top and I can’t get rid of it :/
More specifically, I see now it is the video that play behind the services 2 page title that has now taken over the background of everything
You should remove the video background from any pages because the background options and title area options are not working on the one page website since it will use the settings from the front page only.
If it still doesn’t work, please PM me your site URL: https://themeforest.net/user/wyde#contact
Hi, I have my theme set up exactly like the vela 3 theme demo. When i click more posts to go the blog page or even make a separate custom link to the blog page, my home page menu link is active and my blog menu item is not. I have no idea why this is happening and was wondering if you knew what the problem was, thanks!
It’s not the theme but WordPress automatically adds active CSS class to the menu item where you’re currently viewing. Please make sure the URL of the blog menu is different from the front page so it will be active when you’re on blog page as you can see on our One Page demo: http://wydethemes.com/vela3/blog/blog-medium-image/
Hi,
Is there a way to create a cta menu item?
Also I can’t seem to link my menu properly to my one page, the menu items i have are currently linked to the home page but when im on my blog page and click services for example, it does not bring me to my home page it just reloads my blog page. Thanks
When working on One Page site, you should enable One Page Website feature in Theme Options -> Page -> Page Options so it will automatically generate menu links to work properly even you’re on blog page and other pages.
You can try it on our One Page demo: http://wydethemes.com/vela3/ If you click on Pages -> Blog -> Blog Masonry to go to a blog page, and then you click on Services, of course it will bring you to the Services section on the front page.
If you’d like to create custom One Page and add custom menu links, you should add an absolute URL (i.e. http://www.yourdomain.com/#services) to the menu so it will work on any page.
I remember doing it a different way using page ID’s but i forget how, is there a way to do that with the vela theme?
Thanks for your reply
i tried your way using an absolute url and no luck the service icon shows that it is selected and nothing happens when i click it from the blog page
Of course you can do that with the Vela theme.
When you set the row ID (i.e. services), you have to set the custom link to the menu as http://www.yourdomain.com/#services (full URL) instead of #services so it will also work on other pages such as blog page.
If it still doesn’t work, please PM me your site URL: https://themeforest.net/user/wyde#contact so I can find if there was something wrong.
can you look at my website if it is on my local hosting still? i have my menu set to main menu (primary navigation) idk if that is causing it, but its is still not working
i dont receive messages from my contact form either, was wondering if you knew the solution, these are the only 2 problems i need to fix, thanks so much
No, I can’t if it’s on local hosting. I’ve tried it on our demo, when I set the full URL for the menu link, it works fine on any page so when you’re on the blog page, it will bring you to the Services section on the front page. It would be better if I can see your website so I can inspect the issue and help you out.
its interesting, if i set my main menu that doesnt work to the top bar navigation everything works fine…
if i preview my blog page it goes to my home page
sorry for spamming you, it was the permalinks that was causing the issue, i was still wondering if you knew how to fix my contact 7 form issue. It says the message is successful sent but i do not receive any emails thanks!
ok so now i have it set exactly as you said, with the url followed by the #row id however my menu items are all active now, do you know what is causing this? thanks
That’s because those sections are in the same page so WordPress adds the extra class called “current-menu-item” into them that makes they’re all active.
It’s my apology! Sounds like you couldn’t be able to add the full URL as I provided because those links will be active when you’re on the front page.
It would be easier if you enable the One Page Website option so it will be generate One Page site automatically as we did on our demo.
how would i make the blog page separate so i have two pages using the one page wesbite setting?
You have to add a blog menu by using Custom Links type so it won’t be set as one page and won’t display on the front page.
Also, please make sure you’ve setup the front page and blog page correctly. Please see the instructions in our documentation on how to create One Page website.
Ok could you provide me the link the instructions. I cant do the custom link way because i want to have a preview of my blog posts on my front page, and in order to have the one page settings i can only have one blog page in the menu.. right now i have my blog page preview on my front page and you have to click see more posts to actually go the blog page
also is there a way to speed up the theme, its pretty slow and do you know why my contact form might not be working im not receiving emails..
You can install a cache plugin, we use W3 Total Cache that can compress JS and CSS to speed up the website.
Regarding the contact form 7 issue, please make sure you have the correct mail settings, see more: https://contactform7.com/setting-up-mail/
ok i have my page exactly set up as the one page theme demo you showed me. However, when i click to see more blog posts and go to my blog page my home page menu link is active and not the blog menu link.. is there something im missing?
It’s not the theme but WordPress automatically adds active CSS class to the menu item where you’re currently viewing. Please make sure the URL of the blog menu is different from the front page so it will be active when you’re on blog page as you can see on our One Page demo: http://wydethemes.com/vela3/blog/blog-medium-image/
ok so if i have the one page settings activated. i have to have 2 different blog pages, one that highlights the blog posts on the front page and another that links to the actual blog page. However, how do you prevent the actual blog page from showing on the front page if the one page settings are turned on? my front page url and blog page url are different, wordpress doesn’t even allow you to have the same one do they?
There are 2 ways to prevent the page from showing on the front page.
1. Add Custom Links type menu instead of choosing the page directly from the Pages tab.
2. Add the page into the sub menu because all pages in the top level menu will appear on the front page.
Ok if i do these options though my home page menu item is displayed active and so is my blog page menu item
Sounds weird! I’ve never seen this issue before. If your blog page is different from the front page and other pages, it shouldn’t be active on other pages at all.
Please make sure you have 2 blog pages, the one to display some posts (recent posts) on the front page. And the one is the actual blog page where displaying all blog posts.
It would be better if I can see your live website so I can find if there was anything wrong.
Yeah it is weird haha! what would be ideal is if i had the blog page that displays recent posts and my actual blog page connect with one menu item so i did not have to have 2 menu items like in the theme demo. Is there a way to do this?
Here’s the steps to create 2 blog pages but show only one (recent posts) on the front page.
1. Create a page, add a Blog Posts element to show recent posts.
2. Create a blank page, you don’t need to add any content to this page. You have to set it as Posts page in Settings -> Reading. This will be the actual blog page to show all posts.
3. In Appearance -> Menus, add the page from #1 to the menu so it will show on the front page.
4. Add a Custom Links type, set the Text as “Blog”, and set the URL to the URL of the page in #2 (actual blog page) so it won’t appear on the front page.
Also, you can add blog page and any other pages to the sub menu so they won’t appear on the front page like you can see on our demo Vela3. Here’s the steps to add sub menu.
1. In Appearance -> Menus, add Custom Links type menu. Set the Text as “Blog” or any name. And then set the URL to #.
2. Add your blog page to the menu and move it inside the page in #1 so it will be a sub menu and won’t appear on the front page.
would this allow me to only have one menu item as ‘blog’ though or would i have multiple as sub menus?
Of course, you can add mutiple sub menus.
Is it normal that when i preview my actualy blog page it brings me to my home page? It takes me to http://localhost:8888/wordpress1/blog/?preview_id=143&preview_nonce=3e86667b54&_thumbnail_id=-1&preview=true
when it should take me to http://localhost:8888/wordpress1/blog/
thanks
Yes it is. Please don’t worry it’s just a preview.
Hey,
I was wondering if your website supports having integrated instagram accounts and can embed youtube videos where the pictures would normally be on the template, thanks!
Hi,
If you’d like you can try this: https://wordpress.org/plugins/instagram-feed/
Also, you an add YouTube video by using Video Player element from Visual Composer.
Hi Wyde,
I am struggling again with something. The Vela Info Box has a setting for text light and text dark. I use it for Contact Us and have a parallax image with a grey overlay underneath that (test.nathalieboucry.com). I need the text to be white otherwise it not readable. How can I do that?
Thanks for your assistance.
Hi,
By default the Light color for the text inside Info Box is grey. To change it to white, you have to add custom CSS below to Theme Options -> Advanced -> Head Content:
<style type="text/css">
.alt-color .info-box p{
color: #fff;
}
</style>
Thanks Wyde! I will try that!
From the right account: I have a problem with the Column Gap option, that seems to be not present with the last version of the Visual Composer included. It wouldn’t be a problem if the padding option of a 2 columns row wouldn’t push the second column directly to the second row (responsive… but no need to be if there is enough space!!!) http://sicaf.fredmastellari.fr/energie-2-2/ => page with manually padding to have a gap (first row) There is a negative padding-right on the right column to work around the issue… Of course it’s not looking great when you switch to mobile view.. http://sicaf.fredmastellari.fr/energie-bug-responsive/ => no differences except removal of the negative padding-right. The ROW option “padding size” is not doing anything except vertical padding. Thanks in advance for your help with this strange behavior. I have found many tutorials with older version of the composer where it looked like it’s really easy to do what I want : a simple column gap. But it’s nowhere to be found now. Regards
Thank you for your kind understanding!
Of course when you set the custom Margin for the column, it will push another column to the right side and will go to new row if the width is greater than the row width. This is a standard rule of the HTML elements. When you set the margin for the first column, you should reduce the width of the second one so it will fit within the row width. Otherwise, you should set the Padding instead.
The column system of Visual Composer based on the Bootstrap columns. If you’d like to add the column gap, please add the column offset in Responsive Options tab in the Column Settings so it will be responsive on any devices. If you set custom margin, of course it won’t be work on small screens such as smartphone.
I’m sorry but I couldn’t find a purchased badge on your account name. Please contact us from the account that purchased this theme. The support is available only for users who have purchased the Vela theme.
Hi Wyde
I have just updated the latest version of Vela and now the portfolio item pages are no longer showing. Any idea what the problem could be?
The portfolio is showing on the front page but when you click on any of the items they go to an Error 404 Page.
test.nathalieboucry.com
Thank you for your feedback.
Hi,
Sounds like it’s a permalink caching issue, navigate to Settings -> Permalinks, select Post name and save changes to refresh the permalink rewrite rules.
Thanks so much for the quick response. I will try that and get back to you! Have an awesome day!
That was it!! Thank you kindly!!!! It’s all working well again now!
It’s my pleasure
