Home › Forums › WoodMart support forum › Pixelated images
Pixelated images
- This topic has 46 replies, 3 voices, and was last updated 2 years, 10 months ago by Artem Temos.
-
AuthorPosts
-
October 7, 2021 at 11:14 am #323633
TTParticipantHi
I am using a woodmart theme on my website. Under the categories section, the images I upload are always unclear and pixalated. How do I fix this? The image size is 1280 X 720 pixels. (IMG 1)
The second issue I am having, is when I am on the back end of the site, the categories are in one row next to each other horizontally, with the following layout options (IMG 2)
When I open the site in incognito mode or when im logged out of the dashboard, the categories on the home page moves into 2 rows vertically. How do I make it look like IMG 1 when I open the site in incognito.
Attachments:
You must be logged in to view attached files.October 7, 2021 at 1:25 pm #323711
Luke NielsenKeymasterHello,
Please, provide your site admin access to the private area. I will check your issue and find a solution.
Kind Regards
October 21, 2021 at 2:44 pm #326840
TTParticipantHi
I am not comfortable with sending the admin details. Is there something else that can be done?
October 22, 2021 at 11:22 am #326970
Luke NielsenKeymasterHello,
1. In order to fix unclear and pixelated images, try to increase the value of the “Thumbnail width” option in Appearance -> Customize -> WooCommerce -> Product Images
https://monosnap.com/file/6YDrnZaYqcuYffCIgpw3GILxJ6KSp4
2. Unfortunately, we can’t check the issue without admin access, so please provide us your admin access to the private area. I will do my best to help you.
Kind Regards
November 4, 2021 at 12:19 pm #329598
TTParticipantOn that, please will you have a look at the pixilated images on the home page, under “main categories”
Will you also assist with the home page, when I click on create an account (IMG 1) , I want it to take me to the page in IMG 3, not the page in IMG 2. How do I do that?
Attachments:
You must be logged in to view attached files.November 4, 2021 at 3:44 pm #329659
Luke NielsenKeymasterHello,
Please, provide the URL of the website. I will do my best to help you.
In order to redirect you to the login page when you click on the “Create an account” button, try to add this code to the functions.php file in your child theme.
if ( ! function_exists( 'woodmart_sidebar_login_form' ) ) { function woodmart_sidebar_login_form() { if ( ! woodmart_woocommerce_installed() ) { return; } $settings = whb_get_settings(); $login_side = isset( $settings['account'] ) && $settings['account']['login_dropdown'] && $settings['account']['form_display'] == 'side'; $account_link = get_permalink( get_option( 'woocommerce_myaccount_page_id' ) ); $page_id = woodmart_get_the_ID() ? woodmart_get_the_ID() : get_option( 'woocommerce_myaccount_page_id' ); $redirect_url = apply_filters( 'woodmart_my_account_side_login_form_redirect', get_permalink( $page_id ) ); $wrapper_classes = ''; if ( 'light' === whb_get_dropdowns_color() ) { $wrapper_classes .= ' color-scheme-light'; } $position = is_rtl() ? 'left' : 'right'; $wrapper_classes .= ' wd-' . $position; if ( ! $login_side || is_user_logged_in() ) { return; } woodmart_enqueue_inline_style( 'header-my-account-sidebar' ); ?> <div class="login-form-side wd-side-hidden<?php echo esc_attr( $wrapper_classes ); ?>"> <div class="widget-heading"> <h3 class="widget-title"><?php esc_html_e( 'Sign in', 'woodmart' ); ?></h3> <div class="close-side-widget wd-action-btn wd-style-text wd-cross-icon"> <a href="#" rel="nofollow"><?php esc_html_e( 'close', 'woodmart' ); ?></a> </div> </div> <?php woocommerce_output_all_notices(); ?> <?php woodmart_login_form( true, $redirect_url, false, true, $redirect_url ); ?> <div class="create-account-question"> <p><?php esc_html_e( 'No account yet?', 'woodmart' ); ?></p> <a href="<?php echo esc_url( add_query_arg( 'action', 'login', $account_link ) ); ?>" class="btn btn-style-link btn-color-primary create-account-button"><?php esc_html_e( 'Create an Account', 'woodmart' ); ?></a> </div> </div> <?php } add_action( 'wp_footer', 'woodmart_sidebar_login_form', 160 ); }
Kind Regards
November 4, 2021 at 4:11 pm #329663
TTParticipantAnd can you also advise me on how to change the icons in the red box to the corresponding pictures in the blue box. and how to remove the icons in the blue box.
With regards to the code that you sent, please will you send me a step by step guide on how to add this code.
Thanks
Attachments:
You must be logged in to view attached files.November 5, 2021 at 10:50 am #329774
Luke NielsenKeymasterHello,
1. Icons from the blue box come from the “WCFM – WooCommerce Frontend Manager” plugin (https://gyazo.com/bb3058484e8b4edd2c89c5db221337a7) so to be able to remove these icons you can disable the plugin or try adding this custom CSS code to the “Global Custom CSS” field in Theme Settings -> Custom CSS.
https://gyazo.com/20ad5719f3dcf4bef39479dca6011b37
https://monosnap.com/file/kpkf6ZQoRyKT3Xr23RD6uTxSrJRdsE
.woocommerce-MyAccount-navigation-link a:before { display: none; }
In order to change the icons in the red box to the corresponding pictures in the blue box also add this code to the “Global Custom CSS” field.
.woocommerce-MyAccount-content .followings-link a:before { content: "\f1ae"; font-family: "Font Awesome 5 Free"; font-weight: 300; } .woocommerce-MyAccount-content .support-tickets-link a:before { content: "\f1cd"; font-family: "Font Awesome 5 Free"; font-weight: 300; } .woocommerce-MyAccount-content .inquiry-link a:before { content: "\f059"; font-family: "Font Awesome 5 Free"; font-weight: 300; }
2. To add your custom code to the “functions.php” file, please navigate to Appearance -> Theme Editor -> choose the child theme from the drop-down and navigate to the “function.php” file using the right sidebar -> enter the code I added to the “content” field.
https://gyazo.com/8ea0a73236adc638eab683091620a671
https://monosnap.com/file/Jh4DalBYvLU8JuzzEbsUFsPm3fs567
https://monosnap.com/file/Ak3u4h5UsoPLw4maCi6GSeIJivXsWL
3. As for your images under the “main categories” section, try to upload larger images (for example 700×700) to show them correctly.
https://gyazo.com/4a236eddd388abb00f380c63338d6773
Kind Regards
November 8, 2021 at 8:50 am #330145
TTParticipantHi
With regards to the images, I was talking about these ones (in the image below). They are very pixilated and I need that to be fixed. Thanks
Attachments:
You must be logged in to view attached files.November 8, 2021 at 9:22 am #330158
TTParticipantHi
he child theme from the drop-down is not there. Please let me know what else to do or how to amend this
Attachments:
You must be logged in to view attached files.November 8, 2021 at 2:33 pm #330285
Luke NielsenKeymasterHello,
1. You need to regenerate images using the “Regenerate Thumbnails” plugin, after installing navigate to Dashboard -> Tools -> Regenerate Thumbnails, there regenerate images by clicking on the “Regenerate Thumbnails For All Attachments” button.
https://wordpress.org/plugins/regenerate-thumbnails/
https://monosnap.com/file/NRhfN8fbH4Me9VClRvVVk72D0b2CGi
2. Looks like you didn’t install the child theme. Here is our documentation on how to install it:
https://xtemos.com/docs/woodmart/child-theme/
Kind Regards
November 8, 2021 at 2:44 pm #330289
TTParticipantIf the child theme is not installed, what difference would this make? And if I install it on my site now, would it change anything?
thanks
November 8, 2021 at 3:16 pm #330300
Luke NielsenKeymasterHello,
Child themes are the recommended way of modifying an existing theme. If you make any custom changes to the parent theme they will not be saved after the theme update, but in the child theme all your custom changes will be saved.
It will not change anything because the child theme inherits the functions and styles of the parent theme.
Kind Regards
November 8, 2021 at 4:52 pm #330314
TTParticipantHi
So the code that you sent me to put into the child theme, takes me to Pic 1 (attached below)
I need it to be pic 2 instead.Attachments:
You must be logged in to view attached files.November 9, 2021 at 8:07 am #330407
Luke NielsenKeymasterHello,
Looks like you have activated the parent theme. If you add some custom changes to the child theme and do not activate it, then changes will not work.
Please navigate to Appearance -> Themes -> activate the child theme and check it again.
Kind Regards
November 10, 2021 at 9:49 am #330701
TTParticipantif I activate the child theme, will my entire website change?
November 10, 2021 at 10:14 am #330706
Luke NielsenKeymasterHello,
The child theme inherits the look and feel of the parent theme and all of its functions, it means that your website will not change when you activate the child theme in Appearance -> Themes.
Kind Regards
November 10, 2021 at 10:32 am #330712
TTParticipantas in would I have to recreate my site?
November 10, 2021 at 10:50 am #330718
TTParticipantHi
I activated the child theme, and as I suspected, everything has changed and this is not my website. Do I have to go and redo everything?How do I get my proper site back on this child theme??
Please assist!
November 10, 2021 at 4:09 pm #330872
Luke NielsenKeymasterHello,
Enabling a child theme cannot affect site changes. If you want you can make a backup of your site and we will switch your theme to the child.
Kind Regards
November 23, 2021 at 4:47 pm #334057
TTParticipantHi
Please can you assist me with the query I had on Nov 8th at 4:52 PM
“Hi
So the code that you sent me to put into the child theme, takes me to Pic 1 (attached below)
I need it to be pic 2 instead.”Attachments:
You must be logged in to view attached files.November 24, 2021 at 8:51 am #334177
Luke NielsenKeymasterHello,
If you add some custom code to the child theme and activate the parent theme then it will not work because the custom code that is added to the child theme will only work there.
Please, try to activate the child theme and check the issue.
https://monosnap.com/file/4FsBZk4UQE8fCuuwjNoQU0sDcjw8um
Kind Regards
November 24, 2021 at 12:30 pm #334249
TTParticipantHi
That seemed to have work, thank you.
1. Can I get some assistance with getting the “register as a vendor” button to be green. And the button that says “register” to say “register as a buyer”
2. I have also noticed that since I have installed the child theme onto my site, there has been a lot of additional pages, HTML blocks, media etc that has been throwing me off. The footer has these blog posts (image below) that I need to remove. How do I remove them?
3. I’d also like to know how can I go about adding my own blog posts. The blog page I have created is called “tutorials”
4. Can you also please assist as to why the widgets page has all these red notifications
Thanks
Attachments:
You must be logged in to view attached files.November 24, 2021 at 3:53 pm #334307
Luke NielsenKeymasterHello,
1. In order to set another color for the “register as a vendor” button, navigate to Dashboard -> HTML blocks -> edit your HTML block titled “Register as Vendor” -> in the settings of the button set some color.
https://monosnap.com/file/vmCuOD7u8OwcLnjQ8iezxGyc5kWag9
To be able to rename the “register” button, you should use the “Loco Translate” plugin, navigate to Loco Translate -> WooCommerce -> click the “Sync” button to synchronize all strings with WooCommerce -> write in the search keywords
https://monosnap.com/file/8f521zEn2MS5KvaxpVbaMCpheHwlom
Here is a video tutorial about Loco Translate:
https://www.youtube.com/watch?v=D3NsDdMzsls
2. To be able to remove the “Recent posts” from the footer, navigate to Appearance -> Widgets -> open the “Footer Column 2” widget and remove it from there.
https://monosnap.com/file/vsg9nn1CnSBOLGkM1lB0jEOlConxwG
3. You need to assign the “Tutorial” page for posts via Dashboard -> Settings -> Reading. Then create your posts in Dashboard -> Posts
https://monosnap.com/file/z6VD0teIrSJwWDHBw5vYgokDtUcnwX
4. It seems to be a core WordPress problem not related to our theme. Try to install Classic Widgets plugin to fix this problem for now https://wordpress.org/plugins/classic-widgets/
Kind Regards
November 24, 2021 at 8:05 pm #334338
TTParticipantHi
1. With number 2 from the previous post, I do want recent posts to be displayed, I just dont want the posts that came with the child theme to be displayed. How do I delete the”automatic” preloaded posts that are on my site?
2. I’d also like to know how to change the colour of the text “register as buyer” from black to white
3.How do I change the position of the logo in the footer so that is not so aligned to the right as well as remove the credit card icons and move the text right at the bottom to the middle.
Thanks
Attachments:
You must be logged in to view attached files.November 25, 2021 at 12:59 pm #334539
Luke NielsenKeymasterHello,
1. You should delete posts that come from our theme via Dashboard -> Posts, and create your own then the “Recent Posts” will display only your own posts.
2. To be able to change the color of the “register as a buyer” text, try adding the following Custom CSS code to the “Global Custom CSS” field in Theme Settings -> Custom CSS.
.woocommerce-account .wd-switch-to-register { color: #fff; }
3. In order to remove a credit card icon, navigate to Theme Settings -> Footer -> find the “Text next to copyrights” field and clear it.
https://monosnap.com/file/2WNaV8b5ozOrvuujn2u6CgxeCejnwy
To be able to center your copyrights text, choose the “centered” option for the “Copyrights layout” field.
You can edit the footer logo in Appearance -> Widgets -> edit the “Text” item in the footer column 1 and add your own custom CSS for the “style” attribute with the “footer-logo” class.
https://monosnap.com/file/R28XD3YrFnX3UP4FVlhkeHuuDplM64
Kind Regards
December 1, 2021 at 4:40 pm #336256
TTParticipantYou can edit the footer logo in Appearance -> Widgets -> edit the “Text” item in the footer column 1 and add your own custom CSS for the “style” attribute with the “footer-logo” class.
https://monosnap.com/file/R28XD3YrFnX3UP4FVlhkeHuuDplM64
I have attached a screenshot of what my footer 1 looks like. Its an Image instead of a text/
Attachments:
You must be logged in to view attached files.December 2, 2021 at 11:05 am #336429
Luke NielsenKeymasterHello,
I am using the “Classic Widgets” plugin hence I have a little bit of another design of widgets.
I have checked your Widgets area and I saw only errors, please install the “Classic Widgets” plugin to fix this problem for now https://wordpress.org/plugins/classic-widgets/ and then you can edit the footer logo as I describe above.
https://gyazo.com/2eca6977356744e429bcfc3f6283b15b
Kind Regards
January 5, 2022 at 3:12 pm #343608
TTParticipantHi
I have installed classic widgets to my site. Under footer 1, the code says (refer to private content)
What should I change it to?
January 6, 2022 at 10:56 am #343775
Luke NielsenKeymasterHello,
How do you want to change the position of the logo if it occupies the entire width of the column?
https://gyazo.com/f18c4b34bac0236b8e65bc4dae68de27
Describe it in more detail with the screenshots for a better understanding, please.
Kind Regards
-
AuthorPosts
The topic ‘Pixelated images’ is closed to new replies.
- You must be logged in to create new topics. Login / Register