General Help

Permalink
I designed a static website for someone using good old html & CSS. The website was fine, looked great, worked well, was super fast and was exactly what the client needed, he was very happy with it. Client is a complete technophobe so when he needed changes doing, I would do them for him - charging him very little (did the whole site for under £1K originally) - and everything was fine. A couple of months ago client got talking to a web developer who convinced him that he really needed CMS on his site so that he could make the changes to his own site. Client thought this would be a great money saver so agreed to let him 'install' the CMS on his site. Web developer charged him £3k for doing this and remade my site using Concrete5. Roll forward a few weeks and client discovers that he can't get his head around Concrete5, because he's a complete technophobe, so has come back to me to ask if I will make the changes for him as he can't afford web developer's charges (making the CMS utterly pointless I know). The problem that I have is that when he remade my website, he did a really shoddy job of it, he didn't pay any attention to detail and now the website looks awful - I'm a graphic designer so attention to detail is very important to me. Images don't line up properly, images don't wrap around text, images are now really pixelated, the text has much smaller line spacing, headings are now centred rather than left aligned and a whole load of other issues. I have been trying to wrap my head around Concrete5 and not finding it easy at all. I have been going through tutorials but I am finding it difficult to find what I need. So can anyone point me to where I can find the info for:

- Improving image quality (the images were fine on the original website, he's used the same images but they now look low quality & pixelated).
- Getting text to wrap around an image, not come after it.
- Align different elements of the website so that they actually line up (for example an image on left & text on the right but they line up so the text is vertically centered to the image).
- Adjust line spacing
- Improve the speed of website (it takes ages to load).
- Adjust text size when viewing on mobile (on my original site, the text would adjsut in size so that it could be easily read on mobile, now information such as email & phone number show really tiny and you can't read them)
- Headings to actually show as headings on Mobile (bold, large text etc) - at the moment it adjusts the headings when viewed on mobile to be normal sized text.
- Where to find the CSS so that I can adjust it.

Any help would be greatly appreciated. Thank you.

 
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
A website url would be handy..
MaiseyDay replied on at Permalink Reply
Thank you for taking the time to answer. Sadly I don't want to provide a URL as the guy who did the website may be on here and I don't want anything coming back on my client. Thanks anyway.
Ottokarl replied on at Permalink Reply
I suggest it would be easier for you to go back to html/css.

For the work required for you to learn C5, and then try all what you want to do, you could change him the website for years.
MaiseyDay replied on at Permalink Reply
Hi and thank you for spending the time to answer. I would love to go back to html & css but the client says he's spent so much money on the new site that he wants to keep it.
jeverden replied on at Permalink Best Answer Reply
1. improving image quality (the images were fine on the original website, he's used the same images but they now look low quality & pixelated).
a. I assume the developer jacked this up. Concrete5 does compress images unless when it creates thumbnails. There is a setting to automatically compress but I don’t think it’s turned on by default see -http://example.com/index.php/dashboard/system/files/image_uploading...
2. Getting text to wrap around an image, not come after it.
a. I'm assuming you are referring to floating images? You need to specify classes that can be chosen in the CKEditor interface (the WYSIWYG editor).
b.https://documentation.concrete5.org/tutorials/adding-ckeditor-custom...
3. Align different elements of the website so that they actually line up (for example an image on left & text on the right but they line up so the text is vertically centered to the image).
a. Edit the css found in webroot/application/themes/themename/css usually. It could also be in webroot/packages/themes/themename/css as well.
4. Adjust line spacing
a. CSS again
5. Improve the speed of website (it takes ages to load). Likely a hosting issue. Seehttp://example.com/index.php/dashboard/system/optimization/cache... to ensure caching is turnon. In hosting make sure you have opcache turning on. If it’s cheap budget hosting it’s going to be slow
6. Adjust text size when viewing on mobile (on my original site, the text would adjsut in size so that it could be easily read on mobile, now information such as email & phone number show really tiny and you can't read them)
a. CSS again
7. Where to find the CSS so that I can adjust it.
a. See above info
MaiseyDay replied on at Permalink Reply
Hi, wow & thank you! This is fantastic. Your reply is very helpful. Thank you so much for taking the time to go through my comment and provide excellent answers. I really appreciate your help.