- This topic has 7 replies, 2 voices, and was last updated 5 years ago by nirav.
-
AuthorPosts
-
May 2, 2019 at 6:28 pm #11787AnonymousInactive
Hello,
I would like to lower the side margins of the pages. I want to make the pages wider. How can I do this?
Thanks for your help!
May 3, 2019 at 3:11 am #11788niravKeymasterHello Antonicoarloslima,
Greetings of the day!
The winsome theme already uses a full-width layout.
Can you please explain more? We are sorry, we did not understand your issue.
May we request you to provide us a screenshot of the issue or website URL?Thank you
Regards,
Team ProDesignsMay 3, 2019 at 8:22 am #11790AnonymousInactiveHello,
Thanks for your answer.
Yes, I know the theme already has the full width option.
But I would like this whole width to be a bit wider, you know? The current full width does not take text and images to the edge of the screen. And I do not want it to be this way. I just want to bring the texts and the images a bit closer to the screen, than they are already in the full width option. In other words, I want to leave the full width even more “full”.
I do not know the measures of the theme now, but suppose the current full width option is 90% of the screen. I want this to be 95%. How can I make this adjustment, please?
Thank you!
May 6, 2019 at 11:54 am #11815AnonymousInactivePlease,
I’ve been waiting for three days for an answer. I really need this information.
Thankful.
May 7, 2019 at 3:24 am #11817niravKeymasterHello Antoniocarloslima,
Greetings of the day!
The changes you want is not a theme feature but we will provide you custom CSS for the same.
If we increase the content size, you may face issue in responsive.
For mobile responsive code, it may take time from 24 to 48 hours.
Once the CSS code is ready, we will contact you soon.Thank you.
Regards,
Team ProDesignsMay 17, 2019 at 9:27 am #11909niravKeymasterHello Antoniocarloslima,
Greetings of the day!
You can use below code to whole width bit wider.Follow the below steps to add custom CSS.
1) Please log in to the admin area
2) Go to “Appearance >> Customize >> Additional CSS”.
3) Paste the below code in “Additional CSS” and save it afterward:/* ==== Fullwidth Screen Update 10-5-2019 ==== */ .widget-area .widget .container{width: 100%;} .pt-team-items-wrap{margin: 0} .pt-team-items-wrap .pt-team-item{display: block; margin-left: 0; float: left;} .pt-portfolio-item-wrap{margin: 0} .pt-portfolio-item-wrap .pt-portfolio-item{margin-left: 0; float: left; } /* ==== End ==== */
We are happy to help you. Feel free to contact us if you need further help.
Thank you.
- This reply was modified 5 years, 1 month ago by nirav.
May 17, 2019 at 2:23 pm #11919AnonymousInactiveHello
Thanks for your help.
I have two questions, before entering the code sent:
1 – Will this code change what part of the original theme code?
2 – If I do not like the result and want to revert, how should I proceed?Thank you!
May 27, 2019 at 11:31 am #11973niravKeymasterHello Antoniocar,
Greetings of the day!
1 – Will this code change what part of the original theme code?
You can add the given code to additional CSS so that it will not change anything in the main theme.
This is totally separate from the main theme.2 – If I do not like the result and want to revert, how should I proceed?
If you want to revert the code, you can do it remove given code from additional CSS.
Thank you.
-
AuthorPosts
- You must be logged in to reply to this topic.