Blue Flower

Concrete5

This is the Concrete5 (a CMS) category.  It contains articles and subcategories related to the Concrete5 software installed into hosting servers of places like Web Hosting With $1 (also known as $1 Hosting, WHW1, and other names too), and stand alone and offline computers.  Please look below for articles and subcategories.  Submit requests for topics you want articles about.  Guests articles are welcome too.  Submit a request to have us publish your guest article that can have links back to your site or other articles.

If you see a big + sign, then click on it to toggle the listing of categories and/or articles.

How To Add Favicon and iPhone Thumbnail To A Concrete5 5.X Website.

Introduction.

This article shows you how to add a favicon of any accepted sizes (16x16, 32x32, 48x48), and an iPhone Thumbnail image to your Concrete5 5.x website.  Applies to some other versions of Concrete5 too.

Please notice that this site is dependent on financial contributions (donations), and the ads on this website have very little financial contribution towards funding the creation of articles and website operation.


It took about 1 hour to create this article.

Expectations.

It is expected that you have already used your WHW1 (Web Hosting With $1) hosting control panel, cpanel, to instantly install a Concrete5 website, and you know how to access the Concrete5 control panel sign-in page.  It is also assumed that you already have the needed images for a favicon and/or iphone thumbnail. 

 

Steps To Add Favicon To Website.

  1. Login To Your Concrete5 5.x control panel.


  2. Go to your Concrete5 Dashboard.


  3. Scroll Down and Select "System & Settings".


  4. Select Bookmark Icons.



  5. Click Browse under the Favicon section, and locate your favicon image on your computer to upload.

  6. Select your favicon file and click on Open buttonEven though it states a 16x16 image, it can be a combined image that holds 16x16, and 32x32, and 48x48 all in a single file.

  7. Click on Upload.  In a few seconds you should see page refreshed and favicon image showing.

  8. To remove the favicon, click the red Remove button under the favicon image.

 

Steps To Add Thumbnail Image To Site For iPhone Users.

  1. Login To Your Concrete5 5.x control panel.


  2. Go to your Concrete5 Dashboard.


  3. Scroll Down and Select "System & Settings".


  4. Select Bookmark Icons.



  5. Click Browse under the iPhone Thumbnail section, and locate the image on your computer to upload.

  6. Select your 57x57 sized image file and click on Open button.

  7. Click on Upload.  In a few seconds you should see page refreshed and thumbnail image showing.

  8. To remove the thumbnail image, click the red Remove button under the thumbnail image.

 

 

Consider Contributing

  • Article Contribution:
    Consider submitting an article of your own to Tech Notes.  I will create a sub-category for your article if needed.  Guest articles are welcome!

  • Financial Contribution:
    If you found this article or any Tech Notes article useful, or beneficial in any form, and you'd like to make a financial contribution as a simple thanks (no fear, any small amount can be given), you can use the Paypal contribution button which is safe and does not require you to have a Paypal account to make a contribution to Tech Notes.

Feel Free To Leave A Good Comment,
And Donate. :)

Comment as a guest or site user. 
Polite comments please
Look around this site and it's menus, and you may find other useful articles. 
Add this site to your Bookmarks/Favorites for easy return for new articles. 

Fix For Concrete5 Tables Borders Not Showing In Greek Yogurt

Please note that I do not get paid to do these articles.  If an article is useful to you, please let me know.  Reminder to make backups before changing anything.

 

The Problem

You may have discovered when you are making use of the Greek Yogurt theme (the default theme, and preferred theme by most) that no matter how you add a table into the Concrete5 editor (may it be via Content Block, HTML Block, or copy and paste from a Microsoft Excel sheet), you cannot get the borders to show.  Even if you set the table properties properly, and even if you apply styling to the who table and all the cells. It won't matter what border thickness or color you apply or if you manually enter the code into the source.  It will show correctly while you are in the editor, but as soon as you save the block, the table borders no longer display, and the properties are still there if you go back and edit again. When you go back into the editor, it will show, but not on the site page after saving.

 

Why?

Because the Greek Yogurt theme css is causing it.  It has a reset css file, which I guess it uses as a sort of Override.

 

Fix

  1. Access your hosting file system.  This would not involve the Concrete5 control panel/Dashboard.  Hopefully you have a great hosting like Web Hosting With 1 Dollar (WHW1), and have all the needed tools easily from the hosting control panel.  I will be using File Manager from within WHW1's cpanel.  You will want to locate the folder and sub-folders of /greek_yogurt/css/reset.css.  I just use WHW1's File Manager search to simply locate greek_yogurt and go into the needed sub-folder.  In my case, the folder name and path would be /public_html/concrete/themes/greek_yogurt.  If you need help using the File Manager, there is a tutorial for it at http://www.whw1.com/a1/tutorials/cpanel-tutorials/.  You can also use any FTP software, or direct folder access method (like WHW1's Web Disk), or whatever means you prefer to access the folders and files.  There is a list of free FTP softwares and tutorials for each at http://www.whw1.com/a1/tutorials/file-transfer-tutorials/.  If you are doing a theme override, as described in the article of HowTo Create Concrete5 Override And Protect Against Theme Updates, then your path may be something like /public_html/themes/greek_yogurt instead.

  2. Locate the file reset.css.

  3. Make a copy of the file as a form of backup to allow you to easily undo things without involving a restore.

  4. Next, open the file reset.css in a text editor.  Use either the Text Editor or Code Editor from the File manager (click on the file via right mouse button to chose text or code editor) or download the file to your computer and use a simple text editor like Notepad.  Do not use something like Word to avoid adding invisible characters to the content of the file.  If your editor asks for editing format, then know that editing as utf-8 is fine.

  5. Replace the whole thing, which should originally be this:

    a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}


    Replace the above with the below replacement that includes commented out portions:

    a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,/*table,tbody,td,tfoot,th,thead,*/time,/*tr*/,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,/*strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,*/caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}


    Disabled (commented out) portions are enclosed between /* and */.

  6. Test.  Go back to your Concrete5 website and refresh any page that you added a table with borders or add a table to a page and give it borders, and now it will show.  The border shows, the colors show, and the spacings are done as you specify in the editor.

Finished.

 

What C5 Versions Was This Tried On?

Tried on a few, but in general 5.6.x.x.

 

Feel Free To Leave A Good Comment. :)

Look around, and you may find other useful articles. Add this site to your Bookmarks/Favorites for easy return for new articles. Consider submitting technical articles for publication, including your embedded links. I will even create a new category if needed.

How To Copy Concrete5 Theme

To make things easier for this article, lets pretend you want to duplicate the default theme that comes with Concrete5, and that is Greek Yogurt. 

Please note that I do not get paid to do these articles.  Always make backups before changing anything.

  1. Access your hosting file system.  This would not involve the Concrete5 control panel/Dashboard.  Hopefully you have a great hosting like Web Hosting With $1 (WHW1), and have all the needed tools easily from the hosting control panel.  I will be using File Manager from within WHW1's cpanel.  You will want to locate the folder and sub-folders of /concrete/themes/greek_yogurt, which is most likely in the public_html folder.  I just use WHW1's File Manager search to simply locate greek_yogurt.  In my case, the folder name and path would be /public_html/concrete/themes/greek_yogurt.  If you need help using the File Manager, there is a tutorial for it at http://www.whw1.com/a1/tutorials/cpanel-tutorials/.  You can also use any FTP software, or direct folder access method (like WHW1's Web Disk), or whatever means you prefer to access the folders and files.  There is a list of free FTP softwares and tutorials for each at http://www.whw1.com/a1/tutorials/file-transfer-tutorials/.

  2. Copy the existing theme folder (greek_yogurt in this example) from the /public_html/concrete/themes folder to the /public_html/themes folder.  Your main hosting folder might be something else like www instead of public_html.

  3. Rename the copied folder.  For example, you can change /public_html/themes/greek_yogurt to /public_html/themes/mygreek_yogurt

  4. Login to your Concrete5 site with your site Administrator login information.

  5. Go to Dashboard and select Themes.

  6. Scroll all the way down and you will see your new duplicated theme listed.


    If you wish to install it simple click on the Install button.

 

Finished.

If you do not see it yet, then go to the Concrete5 Dashboard >> System & Settings >> Clear Cache, and click on the Clear Cache button.  You may want to clear your browser cache too.  Go back to the Themes from the Dashboard, and the new theme should show.

 

What C5 Versions Was This Tried On?

Tried on a few, but in general 5.6.x.x.

 

Feel Free To Leave A Good Comment. :)

Look around, and you may find other useful articles. Add this site to your Bookmarks/Favorites for easy return for new articles. Consider submitting technical articles for publication, including your embedded links. I will even create a new category if needed.

How To Create Concrete5 Override And Protect Against Theme Updates

Risk/Concern/Problem

When you make changes to the theme files in Concrete5, those changes can get lost when you update the theme.  One easy way to avoid this is to create a duplicate copy of the theme that will act as an Override.  Instead of making your changes directly to the theme folder files, you would make the changes to the theme override copy, and those changed files would get overwritten when a theme gets updated.  The changes done to the override files will apply to the updated theme as well.

 

Override Creation Same As Theme Duplication

Creating a theme override is really the same as duplicating a theme, but not changing the folder name as described in the article of HowTo Copy Concrete5 Theme.  So you will see the same beginning steps mentioned in this article.

 

Creating A Theme Copy To Act As An Override

To make things easier for this article, lets pretend you want to duplicate the default theme that comes with Concrete5, and that is Greek Yogurt. 

Please note that I do not get paid to do these articles.  If an article is useful to you, please let me know.  Reminder to make backups before changing anything.

  1. Access your hosting file system.  This would not involve the Concrete5 control panel/Dashboard.  Hopefully you have a great hosting like Web Hosting With 1 Dollar (WHW1), and have all the needed tools easily from the hosting control panel.  I will be using File Manager from within WHW1's cpanel.  You will want to locate the folder and sub-folders of /concrete/themes/greek_yogurt, which is most likely in the public_html folder.  I just use WHW1's File Manager search to simply locate greek_yogurt.  In my case, the folder name and path would be /public_html/concrete/themes/greek_yogurt.  If you need help using the File Manager, there is a tutorial for it at http://www.whw1.com/a1/tutorials/cpanel-tutorials/.  You can also use any FTP software, or direct folder access method (like WHW1's Web Disk), or whatever means you prefer to access the folders and files.  There is a list of free FTP softwares and tutorials for each at http://www.whw1.com/a1/tutorials/file-transfer-tutorials/.

  2. Copy the existing theme folder (greek_yogurt in this example) from the /public_html/concrete/themes folder to the /public_html/themes folder.  Your main hosting folder might be something else like www instead of public_html.  The result would be:

    /public_html/themes/greek_yogurt

 

Finished - Summary


Now, any changes you make to a php files or other files in the /public_html/themes/greek_yogurt folder will reflect on your site when you are making use of the Greek Yogurt theme.  This means the changes you make in the /public_html/themes/greek_yogurt folder overrides what is indicated in the /public_html/concrete/themes/greek_yogurt folder.

 

What C5 Versions Was This Tried On?

Tried on a few, but in general 5.6.x.x.

 

Feel Free To Leave A Good Comment. :)

Look around, and you may find other useful articles. Add this site to your Bookmarks/Favorites for easy return for new articles. Consider submitting technical articles for publication, including your embedded links. I will even create a new category if needed.

How To Restore/Recreate/Reinstall/Undo Deleted Concrete5 Automated Job

If you have accidentally deleted (Removed) an Automated Job from within your Concrete5 (C5) website control panel, then hopefully you will find this article useful. 

Please note that I do not get paid to do these articles.

I based on this article on Concrete5 version 5.5.1 and higher, and did not check how many versions lower and higher it applies to.

Hopefully, you have an old Full Backup or database (DB) backup.  If not, I am posting here what the DB would have.

If you have an old database (.sql file) backup, or you can extract it from a Full Backup, then open your Concrete5 website .sql file with something like Wordpad on a Windows computer or any other text editor that will space and column format the content of the file for you.  Search the .sql file for the phrase, "Remove Old Page Versions", and will take you directly to the Jobs table.  You are going to care about something that looks like this:

(4,'Remove Old Page Versions','Removes all except the 10 most recent page versions for each page.','2012-01-24 17:51:45','2013-08-06 11:23:10',0,'All pages have been processes, starting from beginning on next run.',0,'ENABLED','remove_old_page_versions',0)

That section is specifically for the automated job to "Remove Old Page Versions", except the most recent 10.  You would be very interested in that if you happen to have deleted that specific Job from your C5 site.

The other entries (Automated Jobs) would be listed in the .sql file right above where you found the above mentioned portion.  Here are the typical ones:

(1,'Index Search Engine','Index the site to allow searching to work quickly and accurately.','2012-01-24 17:51:45','2013-08-06 11:23:22',0,'Index updated. 5 pages required reindexing.',0,'ENABLED','index_search',1),(2,'Generate Sitemap File','Generate the sitemap.xml file that search engines use to crawl your site.','2012-01-24 17:51:45','2013-08-06 11:23:27',0,'Sitemap XML File Saved.',0,'ENABLED','generate_sitemap',0),(3,'Process Email Posts','Polls an email account and grabs private messages/postings that are sent there..','2012-01-24 17:51:45','2013-08-06 11:22:51',0,'The Job was run successfully.',0,'ENABLED','process_email',0),(4,'Remove Old Page Versions','Removes all except the 10 most recent page versions for each page.','2012-01-24 17:51:45','2013-08-06 11:23:10',0,'All pages have been processes, starting from beginning on next run.',0,'ENABLED','remove_old_page_versions',0);

So, even if you do not have a copy of your .sql file, the above should provide what you need to restore any of the 4 typical auto jobs that come with the default install of Concrete5.

Steps To Restore Automated Job

  1. You will now need to make use of your database management tool, whatever that may be, and add the missing entry into the database table.  For this article, I will only reference usage of phpMyAdmin, especially since that is what Web Hosting With $1 (WHW1.com) provides with their cpanel hosting control panel and I find it to be very easy and useful I suspect most people make use of it for their mySQL database management.

    cPanel Database Section phpMyAdmin Icon

    From your hosting control panel open the phpMyAdmin or use remote mySQL connection interface. 

  2. Once in phpMyAdmin, select the database for your Concrete5 site.

  3. Then select the Jobs table of the DB.



  4. Lets say you want to restore the "Remove Old Page Versions" automated job that got removed.
    1. Method 1. You can mouse button (left button) click on the Insert button, and enter the above mentioned SQL data, mentioned here again.



      (4,'Remove Old Page Versions','Removes all except the 10 most recent page versions for each page.','2012-01-24 17:51:45','2013-08-06 11:23:10',0,'All pages have been processes, starting from beginning on next run.',0,'ENABLED','remove_old_page_versions',0)

    2. Method 2 (recommended). You can mouse button (left button) click on the SQL button,


      and insert the above mentioned SQL data with the following entry into the "Run SQL query/queries" field:

      INSERT INTO `Jobs` VALUES(4,'Remove Old Page Versions','Removes all except the 10 most recent page versions for each page.',now(), NULL,0,'All pages have been processed, starting from beginning on next run.',0,'ENABLED','remove_old_page_versions',0)


You are done.

Now, if you click on the Browse button (folder tab),

you will see (click on image to enlarge) the following added as a new table row:

If you login into your Concrete5 control panel, and go to the Automated Jobs you will see it there now.


Feel Free To Leave A Good Comment. :)

Look around, and you may find other useful articles. Add this site to your Bookmarks/Favorites for easy return for new articles. Consider submitting technical articles for publication, including your embedded links. I will even create a new category if needed.