In regards to the COVID-19 situation

Your support team is currently doing their best to offer the best support possible despite the current COVID-19 situation. However during these exceptional circumstances, please note that you should expect a response time of 2-3 business days, until further notice.Rest assured that we will still do our best to handle your requests as soon as possible! Everyone stay safe and healthy! 😷

How to change widgets windows width?

Waiting for Themosaurus team
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • SEATSforDEPARTURE
    Participant
    • 10 Topics
    • 40 Posts

    Hi guys how you doing? I’ll go straight to the point. I would like to change the width of the theme widgets’ windows to match them with the Youzer ones. I’ll attach a screenshot for you to know what I mean. As you can see by default the 2 values are different. The youzer windows are larger than the theme ones. How can I make them look like the Youzer ones?
    1
    Regards <3

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1765 Posts

    Hi @seatsfordeparture, 🙂

    Thank you very much for splitting your questions into various topics! You’re making a great contribution to our community, and you’re also helping us to keep our forums tidy!

    Could you share the URL to your website with us please? You can post it in your next reply and mark it as private to keep this between us.

    Thank you.

    SEATSforDEPARTURE
    Participant
    • 10 Topics
    • 40 Posts
    This reply has been marked as private.
    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1765 Posts

    Thank you @seatsfordeparture. Can you tell me on which page can I see this ?

    Thank you.

    SEATSforDEPARTURE
    Participant
    • 10 Topics
    • 40 Posts

    I thought you were gonna see it yourself.
    Anyway you can compare the two widgets windows from this page:
    https://seatsfordeparture.com/bacheca/
    to this one:
    https://seatsfordeparture.com/live/

    Look at the right sidebar.
    The widgets in the two pages are clearly different.
    The ones in https://seatsfordeparture.com/bacheca/ are larger than the ones in the other page and i want ALL widgets to be this side.
    Can you help me please? How can I make the other widgets large exactly the same?

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1765 Posts

    Hi @seatsfordeparture, 🙂

    To change this, simply add the following code snippet to your website:

    /**
    * Adapt the sidebar width
    */
    @media (min-width: 992px) {
    	.col-lg-9, .site-content.region--9-3-cols-left .region__col--2, .site-content.region--3-9-cols-left .region__col--2{
    	    flex: 0 0 70%;
    	    max-width: 70%;
    	}
    	.col-lg-3, .site-content.region--9-3-cols-left .region__col--3, .site-content.region--3-9-cols-left .region__col--1{
    	    flex: 0 0 30%;
    	    max-width: 30;
    	}
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
    Pasting your code snippet there should do the trick for you.

    Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.

    If you want to go further with the customization of your website, we advise that you require customization work.

    Regards,

    SEATSforDEPARTURE
    Participant
    • 10 Topics
    • 40 Posts

    Hi. I’ve just tried the snippet you sent me but it doensn’t really work…
    It just moves the widget windows a bit on the left and that’s it. But it doensn’t actually increase the width size of them…
    Any ideas?

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1765 Posts

    Hi @seatsfordeparture,

    Here is an updated code snippet:

    
    @media screen and (min-width: 992px) {
    	.site-content.region--9-3-cols-left #primary {
    		flex: 0 0 70%;
    		max-width: 70%;
    	}
    	.site-content.region--9-3-cols-left #secondary-right {
    		flex: 0 0 30%;
    		max-width: 30%;
    	}
    }

    Regards,

    SEATSforDEPARTURE
    Participant
    • 10 Topics
    • 40 Posts

    Thank you very much. It works! 🙂
    I hope you put this feature in the customize panel by default. That would be nice (for the left sidebar as well).
    <3

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1765 Posts

    Hi @seatsfordeparture,

    Thank you for your feedback. 🙂

    We will discussing about it and we’ll be back to you as soon as this feature is implemented. 🙂

    Best,

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️