Gallery - by Libardo - on WordPress WooCommerce support

This topic has 19 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Eva Kemp

  • Avatar: Libardo
    Libardo
    Participant
    July 1, 2015 at 20:51

    Good Day Support,

    Can you please let me know how I can make the images move left as a auto scroller just like your demo here:

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/BB_zpsykt3rfx7.png

    https://www.8theme.com/demo/royal/preview/

    18 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 1, 2015 at 21:00

    Hello,

    Sorry, but there is no such feature in the theme. It was created specially for demo site.

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    July 21, 2015 at 17:32

    Hi Eva,

    I am having some problem when click on Read More it direct back to the same page. Can you check for me why? This is for the Gallery Page

    Also when hover my mouse over the image I want to eliminate the text colored in red:

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/XXX_zpshdognvsx.png

    Avatar: Eva
    Eva Kemp
    Support staff
    July 21, 2015 at 17:49

    Hello,

    The reason is you didn’t set URLs for your posts in Button elements. Set the links and buttons will redirect to proper pages.
    Concerning the alt tags, add this code in footer.php before </body>:

    <script type="text/javascript">
    jQuery('document').ready(function($){
    	$('img').parent('a[title]').removeAttr('title');
    });
    </script>

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    July 21, 2015 at 19:38

    Hi Eva,

    I’ve include the following code:

    <script type=”text/javascript”>
    jQuery(‘document’).ready(function($){
    $(‘img’).parent(‘a[title]’).removeAttr(‘title’);
    });
    </script>

    But still the tags are showing. I’ve exclude the code and add a copy of footer.php in Child Theme folder for you to have a look into it for me.

    Also how can I add like a number of page at the bottom of the page next to the right picture which illustrate to go to Page # 2 for example to see more Gallery Posts?

    Thanks..

    Avatar: Eva
    Eva Kemp
    Support staff
    July 22, 2015 at 10:38

    Hello,

    I’ve edited the code and added this one to your footer.php file in the child theme:

    <script type="text/javascript">
    jQuery('document').ready(function($){
    $('[title]').removeAttr('title');
    });
    </script>

    Concerning the pagination, there is no such option for the elements that you created, but you can use Posts Grid element from Visual Composer editor instead and use pagination from there.

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    July 23, 2015 at 14:36

    Hi Eva,

    Thanks. With respect to ( Concerning the pagination, there is no such option for the elements that you created, but you can use Posts Grid element from Visual Composer editor instead and use pagination from there.) this will be only for the Revolution Slider slide right? In this case we would like to have some options which we can use to have a pagination at the bottom of the posts..

    In addition how can I have the same height for both TOP and BOTTOM space circle in color red?

    http://i300.photobucket.com/albums/nn34/ibis-management/rrrr_zpsrif3fxo3.png

    Also How can I change the Read More button color? Is it something that can be changed in Style.css child theme? Please let me know..

    Avatar: Eva
    Eva Kemp
    Support staff
    July 23, 2015 at 15:35

    Hello,

    In this case we would like to have some options which we can use to have a pagination at the bottom of the posts..

    I meant it’s not possible for the posts that your added because you created them with separate elements (image, text, button). Pagination is used in Posts Grid element, you can show your posts using this element – Posts Grid.
    To change “Read more” button color use this code in child style.css:

    .vc_btn-mulled_wine, a.vc_btn-mulled_wine {
        background-color: #50485B !important;
        color: #FFF !important;
    }

    Write your color values.

    To change margins of the row use this code:

    .wpb_row {
        margin-bottom: 30px !important;
    }

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    July 23, 2015 at 15:44

    Thanks Eva.

    The margins of the row is also in the Style.css of Child theme?

    Avatar: Eva
    Eva Kemp
    Support staff
    July 23, 2015 at 16:14

    Hello,

    Yes, you’re right.

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    July 23, 2015 at 16:21

    Hi Eva,

    Can you guide me how do I get here >> Pagination is used in Posts Grid element <<

    Avatar: Eva
    Eva Kemp
    Support staff
    July 23, 2015 at 17:23

    Hello,

    Go to Pages > edit a page > select element “Post Grid” in Visual Composer editor.

    Regards,
    Eva Kemp.

    Avatar: Libardo
    Libardo
    Participant
    July 23, 2015 at 20:03

    Hi Eva,

    I went into Visual Composer but did not find this. Are you referring perhaps to Essential Grid Posts? Or maybe is it possible to ask to put a sample on our Gallery page and I will proceed from there?

    Avatar: Libardo
    Libardo
    Participant
    July 24, 2015 at 13:22

    Hi Eva,

    Upon adding this code for Gallery it shows correctly for the Gallery Page but now I have problem with the Services pages which all shows as follow:

    .wpb_row {
    margin-bottom: 30px !important;
    }

    http://i300.photobucket.com/albums/nn34/ibis-management/3344_zpsbkeqx4ym.png

    Can you please guide how to correct also for these Services pages to look good as was? For these pages the image needs to be till the bottom with the footer.

    Avatar: Libardo
    Libardo
    Participant
    July 24, 2015 at 13:38

    Hi Eva,

    Upon adding this code for Gallery it shows correctly for the Gallery Page but now I have problem with the Services pages which all shows as follow:

    .wpb_row {
    margin-bottom: 30px !important;
    }

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/3344_zps0byjpkbk.png

    Can you please guide how to correct also for these Services pages to look good as was? For these pages the image needs to be till the bottom with the footer.

    Avatar: Libardo
    Libardo
    Participant
    July 24, 2015 at 17:31

    Hi Eva,

    Any update for me?
    Thanks..

    Avatar: Libardo
    Libardo
    Participant
    July 27, 2015 at 16:15

    Hi Eva,

    Where you able to create the Post Grid sample for me?

    Avatar: Libardo
    Libardo
    Participant
    July 28, 2015 at 13:41

    Hi Eva,

    Can you assist me with the Post Grid Pagination? Can you create a sample and let me know to proceed from there?

    Also we have just been notified by the owner that they would like to have the buttons ” Read More ” as follows for the gallery Page:

    http://i1340.photobucket.com/albums/o728/LibardoBarreto/4545_zpsilbe9m5o.png

    Can you let me know which code to change and where to include in the child theme?

    Avatar: Eva
    Eva Kemp
    Support staff
    July 28, 2015 at 15:26

    Hello,

    For some reason Posts Grid element is missing in VC editor, even with default WordPress theme.
    So I set your “Gallery” page as a posts page in wp-admin panel > Settings > Reading, there you can also set how many posts to show per page, it’s in the section “Blog pages show at most”.
    Please check the “Gallery” page now.

    Regards,
    Eva Kemp.

  • Viewing 19 results - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.