Pixelated images

Hi

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.

Hello,

Please, provide your site admin access to the private area. I will check your issue and find a solution.

Kind Regards

Hi

I am not comfortable with sending the admin details. Is there something else that can be done?

Hello,

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

On 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.

Hello,

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

And 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.

Hello,

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

Hi

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.

Hi

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.

Hello,

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

If 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

Hello,

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

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.

Hello,

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.

https://prnt.sc/1yv3f16

Kind Regards

if I activate the child theme, will my entire website change?

Hello,

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

as in would I have to recreate my site?

Hi
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!

Hello,

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

Hi

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.

Hello,

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

Hi

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.

Hello,

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

Hi

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.

Hello,

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.

https://prnt.sc/20vj37t

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

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

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.

Hello,

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

Hi

I have installed classic widgets to my site. Under footer 1, the code says (refer to private content)

What should I change it to?

Hello,

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

[Author]

Posts