Modifying Greek Yogurt
Permalink 1 user found helpful
Hi,
New user here. I'm spent all day reading up on CSS changes, modifying themes and files but I am lost.
I am using the Greek Yogurt theme and love it except for the way the Blog page and entries are laid out. I really like the way Plain Yogurt has them displayed.
I've copied Greek Yogurt to the concrete5/themes directory so I can tinker with it but I can't make heads or tails of the CSS files.
How can I change the blog summary layout so that it closer resembles a unordered list similar to Plain yogurt?
http://www.oxfordhoa.com/concrete5/...
Thank you
New user here. I'm spent all day reading up on CSS changes, modifying themes and files but I am lost.
I am using the Greek Yogurt theme and love it except for the way the Blog page and entries are laid out. I really like the way Plain Yogurt has them displayed.
I've copied Greek Yogurt to the concrete5/themes directory so I can tinker with it but I can't make heads or tails of the CSS files.
How can I change the blog summary layout so that it closer resembles a unordered list similar to Plain yogurt?
http://www.oxfordhoa.com/concrete5/...
Thank you
For the blog entries, you should look at the blog_entry.php file in each theme folder. That defines the layout for that page type.
I am also trying to learn how to modify the header image by changing the theme but am not successful. I made a copy of the Greek Yogurt theme but the header file is doing a query to a database to extract the images files. Each page you go to has a different header image which is fine but where or how can I change those pictures to something of my own? Or change all the pages to a single image. I know I can do that by just editing each page but I would love to learn how to do that more globally.
Is there a way to add images to the database or how does all that work with concrete5 without going directly to the database tables?
Is there a way to add images to the database or how does all that work with concrete5 without going directly to the database tables?
All images are uploaded to the C5 system through it's internal File Manager. To get to the File Manager, hover over the Dashboard button and choose 'File Manager'. C5 renders images by querying the database to see where the File Manager stored the image. The images are stored somewhere in the /files/ directory but you have to drill down in the files directory to get to the actual image itself. Have a look at the 'src' for an image and you'll see sets of 4-digit numbers. These correspond to the sub-directories you see in the 'files' directory.
As for changing the header image in Greek Yogurt, just put the page in Edit mode and click on the image and choose 'Edit' again. That will open the File Manager where you can assign a different image or upload a new one.
To make a more global change so the same image shows on every page, you'll have to edit the header.php file found at "your_theme/elements/header.php". Open this header,php file and find this code:
and replace it with this code:
After you save this header.php page to your server, go to the Dashboard and find "Stacks". (If you working with 5.6 you'll need to click 'View Full Dashboard' after hovering over the Dashboard button to find the Stacks.)
When you open the Stacks, there should be a 'Global Area' called 'Header Image'. Click on this and in the next window, click the "Add Block" button. Choose 'Image' from the list of blocks.
When the Image block opens, click 'Choose an image' and the File Manager will open for you to choose an image. Just choose one of the existing header images for now. Approve all changes and save you way out of all the dialog windows and the image you chose should now appear on all your pages.
Clear as mud?
As for changing the header image in Greek Yogurt, just put the page in Edit mode and click on the image and choose 'Edit' again. That will open the File Manager where you can assign a different image or upload a new one.
To make a more global change so the same image shows on every page, you'll have to edit the header.php file found at "your_theme/elements/header.php". Open this header,php file and find this code:
<?php $a = new Area('Header Image'); $a->display($c); ?>
and replace it with this code:
<?php $a = new GlobalArea('Header Image'); $a->display(); ?>
After you save this header.php page to your server, go to the Dashboard and find "Stacks". (If you working with 5.6 you'll need to click 'View Full Dashboard' after hovering over the Dashboard button to find the Stacks.)
When you open the Stacks, there should be a 'Global Area' called 'Header Image'. Click on this and in the next window, click the "Add Block" button. Choose 'Image' from the list of blocks.
When the Image block opens, click 'Choose an image' and the File Manager will open for you to choose an image. Just choose one of the existing header images for now. Approve all changes and save you way out of all the dialog windows and the image you chose should now appear on all your pages.
Clear as mud?
Thanks