In this article, we will guide you through the steps to adjust the width of the sidebar and container using the Additional CSS section in your WordPress Customizer.
1. Log in to your WordPress dashboard
2. Navigate to Appearance > Customize
3. Click on the Additional CSS section
4. Insert the below code (and if necessary adjust values)
@media screen and (min-width: 800px) {
#main-content,
#main {
width: 70%; /* Adjust this value as needed */
}
#sidebar {
width: 25%; /* Adjust this value as needed */
}
}5. Click the Publish button to save your changes
After applying your custom CSS, preview your site to see the changes in action. You can always go back to the Additional CSS section to fine-tune the widths until you achieve the desired layout.
By following these simple steps, you can easily customize the width of the sidebar and container in the tTravel WordPress theme. This flexibility allows you to create a layout that best fits your content and design preferences. If you have any further questions or need additional support, feel free to reach out to our support team.
Happy customizing!