- This topic has 14 replies, 2 voices, and was last updated 8 years, 11 months ago by
Mahesh.
-
AuthorPosts
-
September 2, 2016 at 11:30 pm #98646
Tonje Elin
ParticipantHello!
I tried for awhile having my web page with no sidebar and full width. I liked the size of the images but felt that the text stretched too much. So I changed the settings to “No sidebar”. The text is much more centered now, but the pictures are a little smaller than I would like to. The pictures are currently getting scaled down to 800pix, I would like the pictures in the feed/blog to be 900 or perhaps 1000pix. Do I have to change the width of the mainpage and how do I do that?Thanks in advance! 🙂
September 3, 2016 at 6:20 pm #98674Mahesh
Participant@tonje-gravdehauggmail-com: Please post in your site URL.
Regards,
MaheshSeptember 3, 2016 at 7:56 pm #98675Tonje Elin
ParticipantSeptember 5, 2016 at 2:17 pm #98773Mahesh
Participant@tonje-gravdehauggmail-com: You mean the you want to narrow the text but still want the image to extend more? I don’t think this is possible since the text and image comes from the content and resides in the same element.
Regards,
MaheshSeptember 11, 2016 at 11:19 pm #99168Tonje Elin
ParticipantI am happy about how the text look. I just would like to make the pictures a little bigger.
September 12, 2016 at 10:07 am #99178Mahesh
Participant@tonje-gravdehauggmail-com: Well, this is not possible in the current layout. Since you are using No-Sidebar layout option, the max width of the content is 860px. Which is displaying currently. The image are of full-width with respect to the content width. If you want to increase the image size, I recommend you to change the layout to No-Sidebar, Full Width.
Hope you understand.Regards,
MaheshSeptember 24, 2016 at 10:46 pm #100166Tonje Elin
ParticipantI changed the layout to No-sidebar-full width, but as you can see the text is really stretched across the screen. I wish there was a way to not let the text exceed the picture width. I used to edit the set width at my old design, but my old design where not a responsive design, and I don’t want to ruin that ofcourse:) Do you think there will be any updates in the future where you could change the width from 860 in the No-Sidebar option?
Thanks!
September 26, 2016 at 10:29 am #100247Mahesh
Participant@tonje-gravdehauggmail-com: Choose No Sidebar layout from customization. Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:
#primary { width: 860px; } @media screen and (max-width: 1280px) { #primary { width: 770px; } } @media screen and (max-width: 1152px) { #primary { width: 690px; } } @media screen and (max-width: 1024px) { #primary { width: 570px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #primary { width: 570px; } } @media screen and (max-width: 980px) { #primary { width: 100%; } }This will increase width to 860px.
Regards,
MaheshOctober 3, 2016 at 10:49 pm #100789Tonje Elin
ParticipantThank you so much! 😀
October 4, 2016 at 9:41 am #100812Mahesh
Participant@tonje-gravdehauggmail.com: Thank you for your appreciation. Have a nice day!
Regards,
MaheshNovember 14, 2016 at 8:10 pm #103279Tonje Elin
ParticipantHi again,
My about page has a small sidebar with social media pages. http://cloudeibon.com/cloudeibon/As you can see the sidebar has become too wide for the screen and is pushed downward. How do I make the sidebar width smaller?
November 15, 2016 at 9:46 am #103292Mahesh
Participant@tonje-gravdehauggmail-com: The problem is because, you’ve increased the width of the primary content from 860px to 960px, and the sidebar’s width should have to be decreased accordingly. But in your case, with that width, the sidebar seems so small that the content of facebook widgets overflow.
Let me know further.Regards,
MaheshNovember 15, 2016 at 5:51 pm #103340Tonje Elin
ParticipantI see. Is it possible to have the sidebar under the post horisontaly? or make a footer only for the “about” page?
as always, thank you very much for your time! 🙂
November 16, 2016 at 12:02 pm #103404Mahesh
Participant@tonje-gravdehauggmail-com: Add the following CSS. This will make footer only display on “about” page as you’ve mentioned.
body:not(.page-id-2) #footer-sidebar { display: none; }Regards,
Mahesh -
AuthorPosts
- The topic ‘Layout Option’ is closed to new replies.
