Upgraded to WordPress 6.0 and have issues? Please check the hotfix which you need to apply.

Okay
  Public Ticket #2587336
Blog Page Customization
Closed

Comments

  • Rukshan started the conversation

    1. I am using the Gallery format for the Blog posts and the Blog images are being cut off as they are displaying in the 16:9 ratio and would like them displayed similar to the homepage in the 4:3 ratio.

    2. How can I extend the tags to be displayed more on the first row?

    3. How do I add Pinterest and Instagram icons to the Blog Post so they match to the Social Media icons I am using on the website?

    4. How do I change the name of the Author as it is currently displaying our WP Login

    ----------------------------------------------------------------------------------------------------------------------------

    Gallery Page

    I am using the Masonry option for the Gallery and how do I add a page pagination so it doesn't take time to load the page with all the gallery images?

  •  228
    Milingona replied

    Hello,

    Please find below the answers to your questions:

    1. We fixed the blog images format from Bakery > Blog > Image Ratio.
    2. We fixed the tags by editing line 21 and 28 of single.php file.
    3. Adding Instagram Icon is not possible because sharing option is not supported by Instagram.
    4. You can control the user name from Users > All Users. Please make sure to add First Name, Last Name as well as select Display Name Publicly As.
    5. Combining Masonry with pagination is unfortunately not supported.

    Best regards,


    Milingona Support

    Follow on     Envato     Facebook     Twitter

  • Rukshan replied

    Thank you!  Appreciate it very much.

    BTW, how do I add the Pinterest Pin button to Gallery and Blog images?

  •  228
    Milingona replied

    Adding Pin button unfortunately is not supported by the theme but you can use a 3rd party plugin for this purpose eg. https://wordpress.org/plugins/pinterest-pin-it-button-on-image-hover-and-post/.

    Best regards,


    Milingona Support

    Follow on     Envato     Facebook     Twitter

  • Rukshan replied

    Thank you.

    1. I don't see "Single Product" in Appearance -> Menu.  I have kept it under my "Services" tab but if I remove it, how do I add it back from Appearance -> Menu -> View All?

    2. I am using the Image Box to display my Accolades And Publications.  How can I

    2a. Change the text color

    2b. Change the text size to get in one line

    2c. Center both Text lines?

    3. Certain images are not responsive when viewed from a laptop or phone (Attached image is from the About Us page).  How do I get them resized based on the screen size?

    4. How can I add reCAPTCHA to my website forms to avoid receiving spam messages?

  •  228
    Milingona replied

    Hello,

    1. You can now add single product items in the menu from Products dropdown. You should only have selected Products from Screen Options (https://d.pr/i/qbUdNu).

    2. You can change the text size and color of the image box as well as center the content by adding the following code at Bakery > Custom Code > Custom CSS:

    .vu_image-box .vu_ib-title {
        color: #e5d4cd !important;
    } .vu_image-box .vu_ib-description {
        font-size: 13px !important;
        color: #fb0e0e !important;
    } .vu_image-box {
        text-align: center !important;
    }

    3. You can make that image responsive by using that along with Image Slider element. You can choose 2:1 or 16:9 ratio and the image will become responsive.

    4. Please go to Contact > Integration > reCAPTCHA, and follow the steps described there (https://d.pr/i/renZXo).

    Best regards,


    Milingona Support

    Follow on     Envato     Facebook     Twitter

  • Rukshan replied

    Hello,

    Thank you for your support and as always I really appreciate it!

    Regarding #3 below.  You said to use the Image Slider element with a 2:1 or a 16:9 ratio and the image will become responsive.  When I used the Image Slider, the image does not go from end to end of the page (see attached).  I like to have the image displayed from end to end of the page without it been cutoff.  Can you offer some advice on how I can achieve it?


    Thank you

  •  228
    Milingona replied

    Hello,

    We fixed your request by making the Row Content Layout from Boxed to Full and adding the following custom CSS inside the page.

    .vu_image-slider[data-ratio] .vu_is-item .vu_is-i-figure {
        background-size: contain !important;
    }

    Kind regards,


    Milingona Support

    Follow on     Envato     Facebook     Twitter

  • rukshanf replied

    Many thanks!

    BTW, would these custom CSS changes be reset during a Theme update?

  •  228
    Milingona replied

    No, theme settings including custom CSS won't be lost in case of a theme update. Of course, it is always recommended to make a backup before any upgrade.

    Kind regards,


    Milingona Support

    Follow on     Envato     Facebook     Twitter

  • rukshanf replied

    Thank you!

    I am getting close to launching the site and submitted three tickets (#2594675, #2594681, #2594685) as I could not have more than four attachments in a ticket.  

    If you could kindly get back to me on them, I would really appreciate it :)

    Thanks again.

  •  228
    Milingona replied

    We confirm that all your tickets have been checked and answered.

    Please let us know if we can be of any further assistance.

    Best regards,


    Milingona Support

    Follow on     Envato     Facebook     Twitter