New Site - Width to big for screen?
Permalink
Hi,
I wonder if someone can advise me on this. I am using Concrete 5.7.5.8 for the first time and after Installing it onto my virtual server and logging in for the first time the website is too big for my screen...
Let me expand that: I am using all the defaults as I have just opened it up and the image slider is overlapping the size of my screen and in doing so doesn't give me a scrol bar or anything; it is just too big!
I have gone into edit mode and put up an image that I created @ 900px x 300 px but even that is stretched when I publish my changes?
I have just tried a different Theme to the default Elemental and that does exactly the same?
I am using my Windows 7pro laptop and Internet Explorer to both view and edit it. My screen size and resolution is set to 1280x800 px
I really don't know even what to search for on the forum to explain this?
Any advise is appreciated.
Fanflame
I wonder if someone can advise me on this. I am using Concrete 5.7.5.8 for the first time and after Installing it onto my virtual server and logging in for the first time the website is too big for my screen...
Let me expand that: I am using all the defaults as I have just opened it up and the image slider is overlapping the size of my screen and in doing so doesn't give me a scrol bar or anything; it is just too big!
I have gone into edit mode and put up an image that I created @ 900px x 300 px but even that is stretched when I publish my changes?
I have just tried a different Theme to the default Elemental and that does exactly the same?
I am using my Windows 7pro laptop and Internet Explorer to both view and edit it. My screen size and resolution is set to 1280x800 px
I really don't know even what to search for on the forum to explain this?
Any advise is appreciated.
Fanflame
Hi siton,
Thank you for your reply.
My question was based on a brand new first time opening of C.5.7.5.8 out of the box as it were; and the images on the image slider were massive. As I haven't worked on this version of C5 before I cannot find what to do.
The image I copied was from the site I am upgrading from C5.6.3.4 and it displays just fine in there. I realise that C57.. is a new breed of site which changes size depending on the device you are using but I was expecting it to fit my screen rather than overflow.
Where would the CSS folder be found please?
Thanks
Fanflame
Thank you for your reply.
My question was based on a brand new first time opening of C.5.7.5.8 out of the box as it were; and the images on the image slider were massive. As I haven't worked on this version of C5 before I cannot find what to do.
The image I copied was from the site I am upgrading from C5.6.3.4 and it displays just fine in there. I realise that C57.. is a new breed of site which changes size depending on the device you are using but I was expecting it to fit my screen rather than overflow.
Where would the CSS folder be found please?
Thanks
Fanflame
CSS found in block level (under block folder) or in theme level (Look at the head).
Again you must inspect element (you find the file next to the style)
Concrete5 ADMIN CSS is not something you want to change "RISKY" (But you can find this. Again inspect in chrome)
Also inline and Internal
http://www.w3schools.com/css/css_howto.asp...
Again you must inspect element (you find the file next to the style)
Concrete5 ADMIN CSS is not something you want to change "RISKY" (But you can find this. Again inspect in chrome)
Also inline and Internal
http://www.w3schools.com/css/css_howto.asp...
Hello Siton,
Many thanks for your reply to this I really appreciate you taking time to write and offer advice. I was away for a few days. I will look at this. Thanks
Fanflame
Many thanks for your reply to this I really appreciate you taking time to write and offer advice. I was away for a few days. I will look at this. Thanks
Fanflame
In general (its hard to know like this):
Scroll of element (not the browser) depend on overflow (by deafult you wont get scroll - but visible)
visible:
Default value. Content is not clipped, it may be rendered outside the content box.
http://www.w3schools.com/cssref/pr_pos_overflow.asp...
Example:http://jsfiddle.net/clairesuzy/FPBWr/...
In other view - if you want to add H scroll (of browser) you need to make some tricks (again this not the default! behavior):
https://css-tricks.com/how-to-create-a-horizontally-scrolling-site/...
I dont believe in miracles. If for example your "wrong container" fix width 2000px on screen of 500px you get "1500px" = out of the screen
Check again your CSS. Also Its impossible to get this problem in elemental (bootstrap responsive grid). INSPECT ELEMENT!
Check for css styles like:
min-width
width
Also learn about block and inline elements.
Put this code inside your theme (after your body tag) :
<div style="backrgound-color:red;">
I am a test
</div>
The text outside your screen?