Tagged: ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #98646
    Tonje Elin
    Participant

    Hello!
    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! 🙂

    #98674
    Mahesh
    Participant

    @tonje-gravdehauggmail-com: Please post in your site URL.

    Regards,
    Mahesh

    #98675
    Tonje Elin
    Participant
    #98773
    Mahesh
    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,
    Mahesh

    #99168
    Tonje Elin
    Participant

    I am happy about how the text look. I just would like to make the pictures a little bigger.

    #99178
    Mahesh
    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,
    Mahesh

    #100166
    Tonje Elin
    Participant

    I 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!

    #100247
    Mahesh
    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,
    Mahesh

    #100789
    Tonje Elin
    Participant

    Thank you so much! 😀

    #100812
    Mahesh
    Participant

    @tonje-gravdehauggmail.com: Thank you for your appreciation. Have a nice day!

    Regards,
    Mahesh

    #103279
    Tonje Elin
    Participant

    Hi 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?

    #103292
    Mahesh
    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,
    Mahesh

    #103340
    Tonje Elin
    Participant

    I 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! 🙂

    #103404
    Mahesh
    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

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Layout Option’ is closed to new replies.