[Sergio Wong Chung]

Hello,
We’re looking to style the Vendor store setup page that you see here https://snipboard.io/wGWTHO.jpg
I came across this post https://multivendorx.com/support-forum/topic/store-setup-wizard/ that linked to another post but none seem to have the answers.

We would like to be able to add custom CSS to this page.
We’ve tried:
– Adding custom CSS to the Dashboard settings custom css area in multivendorX
– Adding custom CSS to the wp customization of our theme
– Adding custom css to the style.css of our theme
None of these options seem to affect the styling

How can we add CSS to the vendor store setup?
Thank you!

[Sangita Support Squad]

Hello @Sergio Wong Chung, to add custom CSS styles to modify the appearance of the vendor store setup wizard, you have to add the css via code.
You can find a coding reference here : https://multivendorx.com/docs/code-snippet/customization-in-vendor-store-setup-wizard/.
Let us know if you need any further assistance.

[Sergio Wong Chung]

Hello,
Thank you for referring me to the correct information
I’ve added this code to the functions.php
I’m understanding that the code will request a new CSS file called “style.css”, however when I look in the source code of the setup wizard I dont see any call to a style.css, is this because the CSS file does not yet exist?

In what folder would we need to upload the CSS file?
I’ve tried adding CSS in the style.css of the theme we’re using but this does not change the styling of the wizard
Thank you

[Sangita Support Squad]

Hi @Sergio Wong Chung, You need to create your own css file first and then add that file path in the above shared code. After that the changes will get reflected accordingly in the setup wizard.

[Sergio Wong Chung]

Hello,
I’m not sure where to add the css file and what to do with the filepath
I know how to do CSS but I’m not too familiar with coding in wordpress
I tried the following:

function mvx_add_demo_style()
{
wp_enqueue_style( ‘demo_css’, get_stylesheet_directory_uri(). ‘/custom/style.css’ );
}
add_action(‘admin_print_styles’, ‘mvx_add_demo_style’);

And made a folder in the root of the website called “custom” and added a file “style.css” there but it does not work
What am I doing wrong?
Could you give me an example of a code and a folder that would work?
Thank you

[Sangita Support Squad]

@Sergio Wong Chung kindly replace this get_stylesheet_directory_uri(). ‘/custom/style.css with the file path in the code on your end and check.

[Sergio Wong Chung]

Hello,
I changed it into
function mvx_add_demo_style()
{
wp_enqueue_style( ‘demo_css’, ‘/custom/style.css’ );
}
add_action(‘admin_print_styles’, ‘mvx_add_demo_style’);

The file path is the folder /custom/ in the root of the website
But that does not work, I really dont understand the code and how to make it work
Could you give me an example of a working code, or a different code that would be easier to implement?
Thank you

[Sangita Support Squad]

Hi @Sergio Wong Chung , You can simply share the site url and temporary admin and FTP access with us. So that we can check the custom CSS file path on your end and implement the above shared code on your end accordingly.
While sharing the access don’t forget to mark your reply as private.

[Sergio Wong Chung]

This reply has been marked as private.

[Sangita Support Squad]

This reply has been marked as private.

[Sergio Wong Chung]

This reply has been marked as private.

[Sangita Support Squad]

@Sergio Wong Chung Thanks for sharing the updated credentials. We have added the modified code on your end. Kindly check whether the modifications are reflected accordingly.
We have added the below code on your end –

function mvx_add_demo_style()
{
    wp_enqueue_style( 'demo_css', ABSPATH . '/custom/style.css' );


}


add_action('admin_print_styles', 'mvx_add_demo_style');

Copy

[Sergio Wong Chung]

This reply has been marked as private.

[Sangita Support Squad]

@Sergio Wong Chung Our team has checked this on your end and they added a modification in your custom style.css file that got reflected on the vendor store set up. That means that the added path in the code is working properly.
Now It may happen that the CSS that you are adding on your end is not correct, that is why also the changes are not getting reflected when that folder is getting called.
So kindly check your custom css again carefully. If you need any further help, please do let us know.

[Sergio Wong Chung]

I can guarantee you that the CSS is correct but just not being loaded
Im the the style.css in the folder custom that is located on the root of the site
Is that the one you’re editing in as well or is there another file?
Could you please leave the modification that you used to test it in the file so we can see it working
Thank you

[NerdySupportExpert Moumita]

Hi Sergio, our team is looking into this, kindly provide them some time.

[Sangita Support Squad]

@Sergio Wong Chung, Our team conducted a comprehensive examination of the vendor set-up wizard’s styling issue using your custom CSS file. This css working fine on our end.
However for your site, it appears that your server is imposing restrictions, preventing the site from accessing the custom style.css file as called through the specified code path.
Upon attempting to access the custom style.css file through a direct file link, we encountered a blank page, indicating a potential permission issue originating from the server. We recommend reaching out to your server team to address this matter. Please share these findings with them, as they will be able to assist you accordingly on this.

[Sangita Support Squad]

It’s been long and we have not heard back from you. We presume your query is resolved now. We are closing this thread. If you need help or face issue in future please do open a new support ticket.

[Author]

Posts