Home › Forums › WoodMart support forum › Custom style fix
Custom style fix
- This topic has 64 replies, 3 voices, and was last updated 6 years, 1 month ago by Elise Noromit.
-
AuthorPosts
-
October 31, 2018 at 11:15 am #86236
Elise NoromitMemberHello,
1) For example when I write- Sale ends in: [countdwon timer shortcode]. It should display all that in one line with same font size and alignment like –
Sale ends in: 01 02 35 02Header – it is not possible to put countdown close to the text. there two independent elements and there is always a gap between them http://prntscr.com/lcmu6e When you put the text and shortcode together in the same text block, the text is not visible.
In order to change the font size, use the code for.whb-main-header .woodmart-timer > span
Product page: Try to create the template with the help of columns instead of the Message box http://prntscr.com/lcmwto You can use separate icon and text. It will give you more flexibility
I have checked the code for the font size it works
Best Regards
October 31, 2018 at 11:44 am #86239
addyParticipantAlright but I am trying to make template.
1) I badly wanted the countdown time to align with the text. I would very happily appreciate if you can condsider this option for the next theme update.
2) I want the size guide option to move here (See screenshot)
Attachments:
You must be logged in to view attached files.October 31, 2018 at 12:29 pm #86248
Artem TemosKeymasterTry to add the following PHP code snippet to the child theme functions.php file to do this
remove_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 38 ); add_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 31 );
October 31, 2018 at 2:45 pm #86290
addyParticipantHello,
The child theme is not set up at the moment.
October 31, 2018 at 2:50 pm #86292
Artem TemosKeymasterYou can find this line
add_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 31 );
ininc/woocommerce/size-guide.php
and replace38
with31
October 31, 2018 at 2:57 pm #86294
addyParticipant1) I added that code but didn’t work
2) Do you have a video guide to setup woodmart child theme? I know there are lot of tutorials on the internet to setup child theme but I feel afraid as every theme is different.
October 31, 2018 at 3:20 pm #86298
Artem TemosKeymaster1. Please, send us a screenshot where you added it.
2. You just need to install it via Appearance -> Themes as a regular theme. Download it from ThemeForest as a part of our theme’s package.
October 31, 2018 at 3:53 pm #86303
addyParticipantHello,
I installed the child theme. It changed some things which I cannnot change.
1) It added a useless footer menu. I deleted that successfully.
2) It has changed the main menu completely. But at the backend it is SAME. See screenshot (main menu) it is different from the current menu (Screenshot 2) which child theme added.Attachments:
You must be logged in to view attached files.October 31, 2018 at 3:54 pm #86306October 31, 2018 at 4:02 pm #86309
Artem TemosKeymaster1. Sorry, this point was related to the size guide. What footer do changes are you writing about now?
2. The problem may occur when you switch between themes in Appearance -> Themes is that widgets may lose their positions. The same with menus. It is a WordPress behavior and we are not able to fix this in our theme scope. Now, you need to go to Appearance -> Widgets and move all widgets to appropriate positions.
As a workaround, you can backup your widgets configurations using this plugin https://wordpress.org/plugins/widget-importer-exporter/Regards
October 31, 2018 at 4:07 pm #86310
addyParticipant1) Okay. I think I have managed to fix menu and footer. But I am afraid installing child theme may have created some other changes which I don’t know at the moment…
2) I have fixed size guide. Is this the right way? (See screenshot)
Attachments:
You must be logged in to view attached files.October 31, 2018 at 4:30 pm #86312
addyParticipantHello, In continuation to the previous message…I noticed later
Size guide appears two times! It should be removed from the old position. I have already sent the screenshot in previous message.
October 31, 2018 at 7:18 pm #86342
Artem TemosKeymasterTry to replace that code with this one
add_action('init', 'woodmart_child_hooks', 300); function woodmart_child_hooks() { remove_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 38 ); add_action( 'woocommerce_single_product_summary', 'woodmart_sguide_display', 31 ); }
October 31, 2018 at 7:32 pm #86346
addyParticipantAdded but didn’t worked. Screenshot attached
Attachments:
You must be logged in to view attached files.October 31, 2018 at 7:45 pm #86360
Artem TemosKeymasterTry to change
31
with30
or smaller number. If it will not help, send us your FTP access.October 31, 2018 at 7:55 pm #86371
addyParticipantYes, it worked with 30. Could you please add some explanation with 31 and 30. It will help me to deal with such situations better in future.
October 31, 2018 at 8:59 pm #86400
Artem TemosKeymasterThis number corresponds to the product summary elements order on the product page.
November 11, 2018 at 6:00 pm #88808
addyParticipantWell, replying after a while… I notice now that there is more than necessary empty space here (Please see screenshot)
Things that I have already considered
1) No empty space after Description
2) Image at “Above add to cart” is cropped perfectly. I mean there is no extra white space.I want to reduce that space and make it look something like this. ( See photoshopped version)
November 11, 2018 at 8:05 pm #88829
Elise NoromitMemberHello,
Add this CCS to the Theme Settings Custom CSS:
body .woodmart-before-add-to-cart p{ margin-bottom:0; }
You should have the result like this http://prntscr.com/lh36yy
If the code does not work, please update your site admin access.
Best Regards
November 11, 2018 at 10:35 pm #88833
addyParticipantI added that code but still, there is a lot of empty space. I cannot provide the admin of the live website. Please co-operate by investigating in the best way possible. I would like to add further that everything was fine until you asked me to bring up the Size guide option up via child theme a couple of days ago. That size guide thing was sorted at that time.
All I want now is the photoshopped version I sent you in the previous message.
Code is added. You can check it.November 12, 2018 at 7:27 am #88863
Elise NoromitMemberHello,
Please provide exact values in px which you want to set. Your screenshot is not clear enough. Item cannot be moved, we can only correct gaps with the CSS.
Please update your site admin access. You will change the password when we finish. You gave us admin access. They are not valid now.
Please note our support does not cover fixing any issues caused by adding any additional code or content to the product page, we just want to help you.
Best Regards
November 12, 2018 at 7:28 pm #89058
addyParticipantHello,
Please don’t make it complicated. All I want is to know how to reduce the empty space.
1) See Image for reference.
2) Admin Link ProvidedNovember 12, 2018 at 8:36 pm #89084
Elise NoromitMemberHello,
I need full access to your Custom CSS.
Best Regards
November 12, 2018 at 8:43 pm #89098
addyParticipantHello,
Is there any misunderstanding? I have given you the admin access in the previous message. You can edit custom CSS in Appearance >customise > Custom CSS
Please read the private content in the previous message carefully
November 13, 2018 at 7:43 am #89138
Elise NoromitMemberHello,
Your site does not work now. As soon as it works let me know I will try again.
Best Regards
November 13, 2018 at 12:17 pm #89207
addyParticipantYes, the hosting server was down momentarily. It’s alright now. You can try now.
November 13, 2018 at 12:32 pm #89217
Elise NoromitMemberHello,
When I log in to the site I see this: http://prntscr.com/lhswn5 I cannot enter Dashboard to HTML or Theme Settings > Custom CSS.
Check the rights once more.
Best Regards
November 13, 2018 at 12:42 pm #89223
addyParticipantI am sorry, I added you as a subscriber by mistake. I have rectified the things and made you the administrator and now you should be able to Login.
I identified another issue after recent theme update. But look into this after you have tried the previous issue.
Issue – The option to add images should be placed below submit button in review section as it was earlier (See screenshot attached)
Attachments:
You must be logged in to view attached files.November 13, 2018 at 1:13 pm #89229
Elise NoromitMemberHello,
The issue has been fixed. http://prntscr.com/lhtia4 I have set zero in HTML block for all the elements as by default they have paddings and margins which generated the gap.
Here is how review looks like http://prntscr.com/lhtj0s please clarify
Best Regards
November 13, 2018 at 1:49 pm #89235
addyParticipantAlright I see…
1) How have you done that? I cannot see any code added in Custom CSS. I need to apply these changes in live website.
2) For the review, Please open the page in Incongnito mode (without login) to understand what I mean.
-
AuthorPosts
The topic ‘Custom style fix’ is closed to new replies.
- You must be logged in to create new topics. Login / Register