Modifying Greek Yoghurt Theme
Permalink 1 user found helpful
I am trying to reduce some of the margins within this theme. I have tweaked the 'main.css' file and the adjustments are now correctly displaying on the home page. However across the rest of the site they have not moved. I guess this is a global issue, if so can anyone point me in the right direction?
OK, understood, so changing the main.css file in the themes folder is the right file to alter? Many Thanks
Aside from JohntheFish's good advice, you need to make sure you are working with a copy of the original Greek Yogurt theme. Can you post the path to your main.css file?
Hi, Thanks for replying - yes certain I am modifying a copy of the Greek Yoghurt Theme. I copied the theme from the concrete/themes folder into the /themes folder, then renamed it, then activated it/installed it. Just worried if I should have been changing another file.
That's good. Just checking.
When I started working in C5, it became very clear very fast that caching was my enemy. As JohntheFish recommended, turn off all C5 caching and turn off all the caching in your browser(s) and refresh stubborn pages with CTRL+F5 or CTRL+SHFT+'R'.
Even this doesn't work in Chrome sometimes (especially css and js files) so I turn off Chrome's cache in my desktop shortcut by adding this line in the 'target' line of the shortcut:
http://kelvyntaylor.blogspot.ca/2010/11/how-to-disable-google-chrom...
And I still have to clear Chrome's cache now and then when even these measures don't convince it to fetch a new copy from the server.
When I started working in C5, it became very clear very fast that caching was my enemy. As JohntheFish recommended, turn off all C5 caching and turn off all the caching in your browser(s) and refresh stubborn pages with CTRL+F5 or CTRL+SHFT+'R'.
Even this doesn't work in Chrome sometimes (especially css and js files) so I turn off Chrome's cache in my desktop shortcut by adding this line in the 'target' line of the shortcut:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disk-cache-size=1 --media-cache-size=1
http://kelvyntaylor.blogspot.ca/2010/11/how-to-disable-google-chrom...
And I still have to clear Chrome's cache now and then when even these measures don't convince it to fetch a new copy from the server.
Yes, I love developing with Chrome first and then checking with everything else, but its speed comes at the expense of a very sticky cache.
I find the Pendule extension for Chrome comes in useful when I am messing about with css.
I find the Pendule extension for Chrome comes in useful when I am messing about with css.
Hmmm thats strange, out of a 7 page site 3 pages have'nt altered yet, the remaining 4 are displaying correctly. I will give the Chrome tweak you suggest a try and see how that goes.
I have tweaked the cache as suggested, and some of the pages are still not updating. If they are referencing the same main.css file I cannot figure out why its worked on some pages and not others. |Are ther any other issues I should look out for?
Is there a live URL for a page that updates and for one that doesn't so we can check it out?
Are there some page types that work and some that don't.
What if you use a computer that's never been on the site before? Does it show the new css on all pages?
Are there some page types that work and some that don't.
What if you use a computer that's never been on the site before? Does it show the new css on all pages?
Hi,
Thanks for the reply.
Seems to be the same on a PC that has never been used with the site.
Web address iswww.www.bggraphics-uat.co.uk/CMS/...
Trying to maintain a consistent space between the left and right sidebar and the footer.
Its OK on About Us, Our Commitment, Contact Us & Links, its not OK on Our Services, Accountancy & Tax.
Thanks for the reply.
Seems to be the same on a PC that has never been used with the site.
Web address iswww.www.bggraphics-uat.co.uk/CMS/...
Trying to maintain a consistent space between the left and right sidebar and the footer.
Its OK on About Us, Our Commitment, Contact Us & Links, its not OK on Our Services, Accountancy & Tax.
Perhaps I don't know what I'm looking for. On 'Accountancy', for example, there are 3 empty paragraphs in the left side that's making the left side taller than the right side and pushing the footer down. If you were to edit the left content and remove those 3 trailing paragraphs, the footer would come back up on the right side so it's closer to the right content.
On 'Tax', there's an extra empty paragraph at the bottom of the content in the right sidebar that's pushing the footer down.
Is that the kind of thing you are talking about? If so, it has more to do with the height of the content in the respective areas than the css in main.css.
On 'Tax', there's an extra empty paragraph at the bottom of the content in the right sidebar that's pushing the footer down.
Is that the kind of thing you are talking about? If so, it has more to do with the height of the content in the respective areas than the css in main.css.
Thanks very much. Thats found the problem.
When I went into the editor and then switched to HTML mode I immediateley saw what had happened I have now corrected each page and it looks much better. On one of the pages there was an extra <h2> tag and as you say on one of the pages three trailing paragraphs.
Slowly, slowly I am getting there.
Thanks again - I take my cap off to you ;-)
When I went into the editor and then switched to HTML mode I immediateley saw what had happened I have now corrected each page and it looks much better. On one of the pages there was an extra <h2> tag and as you say on one of the pages three trailing paragraphs.
Slowly, slowly I am getting there.
Thanks again - I take my cap off to you ;-)
Hello
I have this question
How can i make the whole greek yogurt theme to be "Left Justified"
and not "Centered" in the screen?
Is it possible? It's a client's demand to look like that.
Thank you in advance
George
I have this question
How can i make the whole greek yogurt theme to be "Left Justified"
and not "Centered" in the screen?
Is it possible? It's a client's demand to look like that.
Thank you in advance
George
Modify the 960_24_col.css file
Change the start of it from
to
Change the start of it from
body{min-width:960px}.container_24{margin-left:auto;margin-right:auto;
to
body{min-width:960px}.container_24{margin-left:0px;margin-right:auto;
Thank you very much for your super fast and accurate answer my friend
This really was easy, and fixed it!
Best Regards
George
This really was easy, and fixed it!
Best Regards
George
You are welcome!
Also, turn off c5 page caching and clear the c5 cache.