In my previous theme, I had to use two different plugins to get what I wanted for my Trip Journals. I'm wanting to do it differently with your theme. I'll do my best to explain.
If you go to www.historythrutravel.com, you'll see in the menu Travel Resources. If you click on that, you'll be taken to a page that I was designing in my old theme using the plugins. This lists the various trip journals including a picture and description. This is the page that I can't figure out how to design under your theme. I"m sure there is a way.
Continuing on, if you click on one of those pictures for trip journals, it will take you to another page that has all the posts for that journal in ascending order. I have already figured out how to do that page so no questions there. But hopefully it shows you what I'm trying to ultimately achieve. Hopefully I've made this clear enough for you to understand.
Thanks in advance for your help. Your support staff is great!!!
I must not have made myself clear. If you go to my site, hover over Travel Resources and then click on Trip Journals when the menu drops down. On the next page, you will see a grid layout with 5 images with a description. This is the page that I want to design using your theme and/or wp bakery page builder. If you click on March 2018 - Norway, it takes you to the next page which is all of the posts from that Trip. The page you're looking at is designed using an old plugin but I know how to do in your theme. It's only the first grid page with the 5 pages that I would like to know how to build.
Thank you for your help. I found some time to work on it and was able to do what I want except for one thing.
Go to the Menu, hover on Travel Resources and click on Trip Journals. Please click on one of those boxes. You'll notice the first picture is there and the rest of the pictures fly in from the lower left. I have no animation set and can't figure out why that happens. Thoughts?
I see you've use element Grid from WPBakery Page Builder there - that's default animation from that element - It's element from WPBakery Page Builder plugin itself
I've looked at the CSS and it doesn't function correctly. With the CSS it doesn't have a correct layout because it's not placing it as a grid. The other picture shows what I'm trying to achieve. Either I'm doing something wrong or the CSS needs to be modified.
Because I didn't want the one that looks bad to be on the page. That's why I attached the two images in the previous reply. Now you know what it's supposed to look like. The attached image will show you what the CSS does to it. Please note, the layout on the webpage is correct but loads the images in a way in which I don't want it.
In my previous theme, I had to use two different plugins to get what I wanted for my Trip Journals. I'm wanting to do it differently with your theme. I'll do my best to explain.
If you go to www.historythrutravel.com, you'll see in the menu Travel Resources. If you click on that, you'll be taken to a page that I was designing in my old theme using the plugins. This lists the various trip journals including a picture and description. This is the page that I can't figure out how to design under your theme. I"m sure there is a way.
Continuing on, if you click on one of those pictures for trip journals, it will take you to another page that has all the posts for that journal in ascending order. I have already figured out how to do that page so no questions there. But hopefully it shows you what I'm trying to ultimately achieve. Hopefully I've made this clear enough for you to understand.
Thanks in advance for your help. Your support staff is great!!!
Hi,
Seem your menu doesn't update that page. The menu item "Travel Resources" doesn't link to anywhere.
And can you tell me how do you want to create that page?
Best Regards,
PenciDesign
I must not have made myself clear. If you go to my site, hover over Travel Resources and then click on Trip Journals when the menu drops down. On the next page, you will see a grid layout with 5 images with a description. This is the page that I want to design using your theme and/or wp bakery page builder. If you click on March 2018 - Norway, it takes you to the next page which is all of the posts from that Trip. The page you're looking at is designed using an old plugin but I know how to do in your theme. It's only the first grid page with the 5 pages that I would like to know how to build.
We'll see if this helps. Thanks again.
Hi,
You can do that by use "Soledad Featured Boxes" element from WPBakery Page Builder.
First, check this guide to know how to get WPBakery Page Builder.
Second, check the video from my attach to know how to config it.
Best Regards,
PenciDesign
Thank you for your help. I found some time to work on it and was able to do what I want except for one thing.
Go to the Menu, hover on Travel Resources and click on Trip Journals. Please click on one of those boxes. You'll notice the first picture is there and the rest of the pictures fly in from the lower left. I have no animation set and can't figure out why that happens. Thoughts?
Thanks.
Hi,
I see you've use element Grid from WPBakery Page Builder there - that's default animation from that element - It's element from WPBakery Page Builder plugin itself
Best Regards,
PenciDesign
Is there another element that I can use that will give me the same layout without the animations?
Hi,
Please try add more this code to Customize > Custom CSS to remove the animation on your page:
.vc_grid.vc_row .vc_grid-item{ position: static !important; float: left; display: block !important; visibility: visible !important; opacity: 1 !important; transition-duration: unset !important; transition-delay: 0 !important; }Best Regards,
PenciDesign
Thank you. I know my options and will work with that. As always, your support is excellent!!!!
I've looked at the CSS and it doesn't function correctly. With the CSS it doesn't have a correct layout because it's not placing it as a grid. The other picture shows what I'm trying to achieve. Either I'm doing something wrong or the CSS needs to be modified.
Thanks for looking at this.
Steve
Hi,
As I see, everything display fine:
http://prntscr.com/ld6w8q
Best Regards,
PenciDesign
Because I didn't want the one that looks bad to be on the page. That's why I attached the two images in the previous reply. Now you know what it's supposed to look like. The attached image will show you what the CSS does to it. Please note, the layout on the webpage is correct but loads the images in a way in which I don't want it.
Hi,
Please send me your admin url and admin account ( username and password ) - in a private reply - I will take it a look on this.
Best Regards,
PenciDesign
Hi,
I've fixed it help you by change the custom css code to:
.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper{ position: static !important; height: auto !important; } .vc_grid.vc_row .vc_grid-item{ position: static !important; float: left; display: block !important; visibility: visible !important; opacity: 1 !important; transition-duration: unset !important; transition-delay: 0ms !important; transform: none !important; }Best Regards,
PenciDesign
Thank you so much! The service your group provides is absolutely fantastic!!! Great customer service!!