Viewing 20 posts - 1 through 20 (of 21 total)
  • Author
    Posts
  • #115225
    Vincent Pan
    Participant

    Hi there,

    I am using the Fabulous Fluid Pro theme on the ecommerce basis with Woo Commerce. There are some theme integration issues that need your help to solve:
    1. Woo Commerce login/register, the font size of title and content box title are too big, need to change to smaller size; and the login/register layout is mixed up and misplaced, other themes do not have this problem.
    2. After updated Woo Commerce in April, the individual product photo gallery is mixed up, and the pop up window with slide function was gone, now visitors have to click pictures in photo gallery one by one.
    3. After updated Woo Commerce in April, vendors can not add new pictures to photo gallery.
    4. Vendor dashboard content layout is mixed up.

    Besides those, would you please provide CSS so that I can adjust to smaller font size on following pages?
    • Pages’ title
    • Title sizes for posting Products, Locations, and Routes
    • Wordings size in posting Locations and Routes, including each listing
    • There are blue dots on Locations listing table, they could be bugs

    Linkage is http://www.discoverseatosky.com , and Website is not pre launched yet, Thanks for your help and support.

    #115250
    Mahesh
    Keymaster

    @vincent-pan: Issues with Woo Commerce(Zoom, Gallery and Slider) will be fixed in the next update.
    1. Woo Commerce login/register, the font size of title and content box title are too big, need to change to smaller size; and the login/register layout is mixed up and misplaced, other themes do not have this problem.
    -> No such issue on our server
    For other CSS, go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    /* Change page title font size */
    #primary .entry-content h1, .entry-title {
        font-size: 28px;
    }
    
    /* Wordings size in posting Locations and Routes, including each listing */
    #primary .entry-content h2 {
        font-size: 20px;
    }
    
    /* remove blue dots */
    #primary .post ul.cmmrm-route-params li, 
    #primary .page ul.cmmrm-route-params li {
        background: none;
    }

    Note: Please adjust the fonts size as required.

    Regards,
    Mahesh

    #115305
    Vincent Pan
    Participant

    Hi Mahesh,

    Thanks for your reply.

    1. Woo Commerce photo gallery issue, looking forward to the new update. Would you mind telling me the schedule of next update?

    2. Woo Commerce login/register layout, I have used different computers and different browsers for testing, the problem is still there. But when I use other theme instead of current one and key in the woo commerce login/register short code, it works well. The login/register box layout should be compact and look nice. But now it is with wide space between each line and occupies long page, and some title wordings are misplaced out of the box. I wish I am able to share the screenshot here though.

    This layout issue also occurs in the vendor/member dashboard. The dashboard filing layout should be compact and professional, but now it is wide space and loose.

    They are with relation of style and font size. Anyway, any helps and supports will be highly appreciated.

    3. CSS for removing blue dots does not work, would you please visit this link for details https://www.discoverseatosky.com/maps-routes/

    Thank you for your supporting.

    Best regards

    Vincent

    #115413
    Mahesh
    Keymaster

    @vincent-pan:
    1. The bug has been fixed and the update is released. Please update your copy of the theme.
    2. Please check the image in the link http://bit.ly/2plrgK3. This is how its displaying on our server.
    3. Please use the following CSS:

    #primary .post ul.cmmrm-route-params li, 
    #primary .page ul.cmmrm-route-params li,
    #primary .post ul.cmmrm-rating li 
    #primary .page ul.cmmrm-rating li{
        background: none;
    }

    Note: Don’t use the code directly for the email. Please copy and paste it from the thread only.

    Let me know if any problem.

    Regards,
    Mahesh

    #115478
    Vincent Pan
    Participant

    Thanks for your reply, Mahesh.

    1. I downloaded the pro theme (Fabulous Fluid Pro 2.5.1) from my account and upgraded parent theme via Cpanel (I did not touch the child theme). The issues remain the same, the photo gallery pop up window no slide show and only one picture, vendor can not add additional photos from front end dashboard after login (but admin can add photos from backend via WP). I have no ideas what do I get wrong. Please kindly light me up.

    Here is the example of single product with photo gallery https://www.discoverseatosky.com/product/rving/

    2. Your login looks nice, but mine is awful. I posted two screenshots linkage of current woocommerce login/register layout:
    http://www.discoverseatosky.com/wp-content/uploads/2017/05/login1.png
    http://www.discoverseatosky.com/wp-content/uploads/2017/05/login2.png

    3. Bluedots. Thanks for your notice. Bluedots in the table and related page were gone, but there are some still on the review stars. https://www.discoverseatosky.com/maps-routes/

    Thank you very much.

    #115492
    Mahesh
    Keymaster

    @vincent-pan: The CSS for rating, I’ve corrected it in the above thread. Sorry, I got confused with Parallax Frame Pro and Fabulous Fluid Pro theme. Yes, the issue on login and register page do exist. And the gallery, slider and zoom, this will be resolved in the next update.
    Sorry for my mistake.
    Thank you for your patience. We’ll notify you as soon as we release the update.

    Regards,
    Mahesh

    #115539
    Mahesh
    Keymaster

    @vincent-pan: Okay, now the issue is solved in Fabulous Fluid Pro and the update has been released. Please update your copy of theme and check. Let me know if any issue.

    Regards,
    Mahesh

    #115585
    Vincent Pan
    Participant

    Hi Mahesh,

    Thank you for your update.

    After upgrading the new version, now it works well: login/register looks good, photo gallery works well, blue dots are gone. Except, there is still a minor layout issue on vendor dashboard: the buttons of logout and profile on left side menu should be on the same horizontal level as pic 1 and pic 2. Please kindly refer to pic 3 & 4 on this linkage: https://www.discoverseatosky.com/product/vendor-dashboard-manu-layout/

    Anyway, thank you for your help and support.

    Regards,

    Vincent

    #115604
    Mahesh
    Keymaster

    @vincent-pan: What are you actually using? Are you using any WooCommerce extensions?
    We’ll need to check on you server, we’ll contact you through email.

    Regards,
    Mahesh

    #115643
    Mahesh
    Keymaster

    @vincent-pan: For compact login like guruship login/register, add the following CSS:

    #customer_login br {
        display: none;
    }

    Regards,
    Mahesh

    #115668
    Vincent Pan
    Participant

    Thank you, Mahesh.

    It works perfect now!

    #115731
    Mahesh
    Keymaster

    @vincent-pan: Add the following CSS for resolving the issue on Dashbaord.

    #primary .entry-content .settings .pull-right {
        margin: auto;
        width: auto;
    }
    
    .dokan-common-links.dokan-clearfix > br {
        display: none;
    }

    Regards,
    Mahesh

    #115817
    Vincent Pan
    Participant

    Thank you, Mahesh. That is a big help.

    One more thing, when I set the store layout as Content + Primary Sidebar, it comes out as below linkage
    https://www.discoverseatosky.com/gurus/observer/

    As the left sidebar is integrated with center content as the “Main Content” in Doken plugin, when I choose the Content + Primary Sidebar at customize, it turns out to the wide gap between “Main Content” and right sidebar from the theme.

    Could you please show me how to narrow the gap and widen the “Main content” while remain the right sidebar wide. Also how to adjust both margins to the screen’s edges.

    Thank you very much!!

    Regards,
    Vincent Pan

    #115831
    Mahesh
    Keymaster

    @vincent-pan: Add the following CSS:

    #primary {
        max-width: unset;
    }

    Regards,
    Mahesh

    #115833
    Vincent Pan
    Participant

    Dear Mahesh,

    Thanks for your reply. The main content becomes wider now, but the margin between main content and right sidebar is still too big. Is there a solution to make it 50% narrower of current specification? Here is the linkage http://www.discoverseatosky.com/gurus/observer/ .

    Thank you very much.

    Regards,
    Vincent

    #115834
    Mahesh
    Keymaster

    @vincent-pan: How have you made this page three column? The theme only supports two column. For further customization, I recommend you to hire a customizer.

    Regards,
    Mahesh

    #115871
    Mahesh
    Keymaster

    @vincent-pan: Please use the following CSS:

    @media screen and (min-width: 991px) {
        #primary {
            max-width: unset;
            width: 77.1%;
        }
    
        #secondary {
            max-width: unset;
            width: 22.862%;
        }
    }

    Regards,
    Mahesh

    #115874
    Vincent Pan
    Participant

    Dear Mahesh,

    Thanks for your great support. It works perfect!

    Definitely I will stay with Catch Themes’ products and recommend others to use them. You guys do the great job!

    Regards,

    Vincent Pan

    #115875
    Mahesh
    Keymaster

    @vincent-pan: Thank you for your appreciation. If you like my support then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/fabulous-fluid?rate=5#postform
    Have a nice day!

    Regards,
    Mahesh

    #115968
    Vincent Pan
    Participant

    Hi Mahesh,

    Sure, I will do review and rating on this weekend!

    Today I removed woocommerce breadcrumb by adding “remove_action( ‘woocommerce_before_main_content’,’woocommerce_breadcrumb’, 20, 0); ” in the functions.pnp of child theme, it works good and woocommerce breadcrumb removed from product and store.

    However, when I enable breadcrumb feature from theme customize, every page works good (http://www.discoverseatosky.com/resources/activities/) except the page you helped me last time: the main content attaches to top menu and leaves no margin, and breadcrumb does not show up like this http://www.discoverseatosky.com/gurus/mountaineer-pro/ .

    Should you please solve this issue will be appreciated. Thank you.

    Regards,

    Vincent Pan

Viewing 20 posts - 1 through 20 (of 21 total)
  • The topic ‘Woo Commerce Integration Issues and Font Sizes and Layout’ is closed to new replies.