Hello, I bought this theme in the second week of November and have been slowly working to building my portfolio. I've almost completed my website and now I can see numerous bugs across the website.
I'm listing down these issues along with the respective images attached.
1) Inconsistent Spacing between elements and alignment issues. Every individual page under Portfolio has different spacing adjustments and even after rigorous checks in WP Bakery Theme Builder, I couldn't find the cause for the same.(Refer IMG 1) Also, even when I've copied the same text container, there are alignment issues. (Refer IMG 2) and I can't seem to find a way to centre text in relation to an image (Refer IMG 4)
2) Auto-centre of video seems to be bad UX. Upon playing a video, the entire viewport re-centres automatically and it is really frustrating as it conceals certain part of the video as well. This auto centering is also a menace for grenada themed carousel slider!(Refer IMG 6)
3) Sizing of elements in certain pages not following column grid. Umm, the gifs in this case are not completely filling the column and as a result, also causing alignment issues with the image above. (Refer IMG 3)
4) Before/after changes in loading the pages. So this has been the BIGGEST of the bugs! When I load a page form the home page, certain elements don't appear at all and only after reloading the page, they load. (Refer IMG 5). Also, another certain example of this is the no spacing between elements to added spacing. (Refer IMG 7) P.S. Also check the change in alignment (Refer IMG 7)
5) Can't change background color to white from General settings
6) Hero image Jitters. Earlier, upon loading a page, the hero images used to jitter alot but that has stopped recently. I can't really have that sort of jitters reappearing on their own again. Could you please check into it to?
A couple of questions as well -
1) How can you auto play videos on loading?
2) How to infinite loop the videos? (I'm asking this as I need to get rid of the heavy GIFs and the videos can be relatively lower in sizes.)
3) After loading the dummy content, certain images were full width of the viewport whereas some are centered. I can't find the command for this. I can only achieve a full width image/video if I use the container which came in the dummy content or copy that same container. Could you also please tell me the secret to this?
I've tried explaining to the best I can but for further discussion please contact me and I could send you more images or videos of the same. Sorry for all this trouble. Eagerly awaiting your reply.
ok, sorry for the delay. So let's start from the beginning and work out through your comments.
1. first of all, there is only one image attached and three videos. I can't realize exactly what the inconsistent spacing refers to. It may be related with 4. Also when you add the class full to the Extra class name of the row it stretches it full width.
- add a raw html element at the bottom pf the page and paste it there.
Is recommended to create your own CSS classes in appearance -> customizer -> additional CSS and add them to Extra class name attribute of the current row. This works great with AJAX loading.
We have some predefined classes that may help you:
row_padding_top - adds a top padding of 120px
row_padding_bottom - adds a botom padding of 100px
has-animation - adds a fading animation effect
small – small row width.
full – makes the row full width.
text-align-center – center aligns the text within the row.
has-animation – adds an animation effect
one_half – First 1/2 Column
one_half last – Last 1/2 Column
one_third – 1/3 Columns
two_third last – 2/3 Column
5. The background color can be changed individually from page or project options. Have you tried that?
6. Absolutely no jittering on my side.
Going to your second set of comments:
1 & 2 . this is custom work I can help you with this if you provide wp admin access with full rights using Appearance -> Editor
3. it's probably related with class full added in row's options -> Extra class name.
Hello again. I'm sorry for the confusion but this was about autoplaying and looping the self-hosted videos across the entire website. Everything else has been resolved. The last problem is that the loading time is too much. Any suggestions as to how can I decrease the load time and yet have high quality images?
Hello, I bought this theme in the second week of November and have been slowly working to building my portfolio. I've almost completed my website and now I can see numerous bugs across the website.
I'm listing down these issues along with the respective images attached.
1) Inconsistent Spacing between elements and alignment issues. Every individual page under Portfolio has different spacing adjustments and even after rigorous checks in WP Bakery Theme Builder, I couldn't find the cause for the same.(Refer IMG 1) Also, even when I've copied the same text container, there are alignment issues. (Refer IMG 2) and I can't seem to find a way to centre text in relation to an image (Refer IMG 4)
2) Auto-centre of video seems to be bad UX. Upon playing a video, the entire viewport re-centres automatically and it is really frustrating as it conceals certain part of the video as well. This auto centering is also a menace for grenada themed carousel slider!(Refer IMG 6)
3) Sizing of elements in certain pages not following column grid. Umm, the gifs in this case are not completely filling the column and as a result, also causing alignment issues with the image above. (Refer IMG 3)
4) Before/after changes in loading the pages. So this has been the BIGGEST of the bugs! When I load a page form the home page, certain elements don't appear at all and only after reloading the page, they load. (Refer IMG 5). Also, another certain example of this is the no spacing between elements to added spacing. (Refer IMG 7) P.S. Also check the change in alignment (Refer IMG 7)
5) Can't change background color to white from General settings
6) Hero image Jitters. Earlier, upon loading a page, the hero images used to jitter alot but that has stopped recently. I can't really have that sort of jitters reappearing on their own again. Could you please check into it to?
A couple of questions as well -
1) How can you auto play videos on loading?
2) How to infinite loop the videos? (I'm asking this as I need to get rid of the heavy GIFs and the videos can be relatively lower in sizes.)
3) After loading the dummy content, certain images were full width of the viewport whereas some are centered. I can't find the command for this. I can only achieve a full width image/video if I use the container which came in the dummy content or copy that same container. Could you also please tell me the secret to this?
I've tried explaining to the best I can but for further discussion please contact me and I could send you more images or videos of the same. Sorry for all this trouble. Eagerly awaiting your reply.
Hello Ashwin,
Just to let you know, we process your ticket this weekend, we appreciate your patience, quite busy here with WP 5.0 release.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Eagerly awaiting your reply.
Hello Ashwin,
ok, sorry for the delay. So let's start from the beginning and work out through your comments.
1. first of all, there is only one image attached and three videos. I can't realize exactly what the inconsistent spacing refers to. It may be related with 4. Also when you add the class full to the Extra class name of the row it stretches it full width.
2. try removing line 1160 from /js/scripts.js
$('html,body').animate({scrollTop: $(this).offset().top - videocenter},390);
and hard refresh the page (Ctrl+F5)
3. again, there is no image attached and the bug issue 1 & 3 cannot be loaded
4. some WPBakery elements have properties initialised with javascript which is executed when the page is loaded normally, but not through AJAX
There is a simple way to set the properties with AJAX loading of the rows you have set in WPBakery:
- load the page directly in your browser.
- right click and select View page source
- look for <style type="text/css" data-type="vc_shortcodes-custom-css">
- copy everything (including) between
<style type="text/css" data-type="vc_shortcodes-custom-css">...</style>
- add a raw html element at the bottom pf the page and paste it there.
Is recommended to create your own CSS classes in appearance -> customizer -> additional CSS and add them to Extra class name attribute of the current row. This works great with AJAX loading.
We have some predefined classes that may help you:
row_padding_top - adds a top padding of 120px
row_padding_bottom - adds a botom padding of 100px
has-animation - adds a fading animation effect
small – small row width.
full – makes the row full width.
text-align-center – center aligns the text within the row.
has-animation – adds an animation effect
one_half – First 1/2 Column
one_half last – Last 1/2 Column
one_third – 1/3 Columns
two_third last – 2/3 Column
5. The background color can be changed individually from page or project options. Have you tried that?
6. Absolutely no jittering on my side.
Going to your second set of comments:
1 & 2 . this is custom work I can help you with this if you provide wp admin access with full rights using Appearance -> Editor
3. it's probably related with class full added in row's options -> Extra class name.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hello Ashwin
regarding points 1 & 2 what exactly is the problem. I see that the video is not auto-centered on click
http://thecreativekida.com/grenada_portfolio/stanley-kubrick-film-festival/
and regarding point 1 where are the attachments IMG 1 and IMG 2?
What's the url of the page with this kind of inconsistencies?
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hello again. I'm sorry for the confusion but this was about autoplaying and looping the self-hosted videos across the entire website. Everything else has been resolved. The last problem is that the loading time is too much. Any suggestions as to how can I decrease the load time and yet have high quality images?
Hello Ashwin,
I think it works okay now (autoplay and loop) plz check and let us know.
http://thecreativekida.com/grenada_portfolio/stanley-kubrick-film-festival/
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy