- This topic has 20 replies, 2 voices, and was last updated 7 years, 3 months ago by
Mahesh.
-
AuthorPosts
-
May 4, 2017 at 4:59 pm #115225
Vincent Pan
ParticipantHi 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 bugsLinkage is http://www.discoverseatosky.com , and Website is not pre launched yet, Thanks for your help and support.
May 5, 2017 at 3:03 am #115250Mahesh
Participant@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,
MaheshMay 5, 2017 at 3:37 pm #115305Vincent Pan
ParticipantHi 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
May 8, 2017 at 12:18 am #115413Mahesh
Participant@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,
MaheshMay 8, 2017 at 4:52 pm #115478Vincent Pan
ParticipantThanks 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.png3. 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.
May 9, 2017 at 2:30 am #115492Mahesh
Participant@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,
MaheshMay 10, 2017 at 2:13 am #115539Mahesh
Participant@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,
MaheshMay 10, 2017 at 8:45 pm #115585Vincent Pan
ParticipantHi 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
May 11, 2017 at 3:19 am #115604Mahesh
Participant@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,
MaheshMay 12, 2017 at 2:43 am #115643Mahesh
Participant@vincent-pan: For compact login like guruship login/register, add the following CSS:
#customer_login br { display: none; }
Regards,
MaheshMay 12, 2017 at 10:32 pm #115668Vincent Pan
ParticipantThank you, Mahesh.
It works perfect now!
May 15, 2017 at 12:05 am #115731Mahesh
Participant@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,
MaheshMay 15, 2017 at 4:44 pm #115817Vincent Pan
ParticipantThank 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 PanMay 16, 2017 at 1:18 am #115831Mahesh
ParticipantMay 16, 2017 at 1:34 am #115833Vincent Pan
ParticipantDear 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,
VincentMay 16, 2017 at 3:55 am #115834Mahesh
Participant@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,
MaheshMay 17, 2017 at 12:27 am #115871Mahesh
Participant@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,
MaheshMay 17, 2017 at 2:06 am #115874Vincent Pan
ParticipantDear 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
May 17, 2017 at 2:25 am #115875Mahesh
Participant@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,
MaheshMay 18, 2017 at 7:40 pm #115968Vincent Pan
ParticipantHi 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
-
AuthorPosts
- The topic ‘Woo Commerce Integration Issues and Font Sizes and Layout’ is closed to new replies.