Templates
Permalink Browser Info Environment
Hello,
I am new to website building. Using concrete5 5.7.3.1, I am building my very first site. But I don't seem to find Brimstone templates anywhere such as pagelist templates, icons, slideshow templates, and liststyles.
Any help is appreciated!
I am new to website building. Using concrete5 5.7.3.1, I am building my very first site. But I don't seem to find Brimstone templates anywhere such as pagelist templates, icons, slideshow templates, and liststyles.
Any help is appreciated!
| Type: | Pre-Sale |
|---|---|
| Status: | Resolved |
Thanks so much for the responsive help, James!
A few quick questions:
1. How do I align an image to centre in an image block? Are margin and padding the only ways?
2. I have an auto-nav in the sitewide header navigation area. How come I can’t have it aligned to the left or right even if I select custom templates Brimstone Footleft or Brimstone Footright? In fact, it doesn’t change much no matter what custom template I select, even after I save the changes.
3. How do I put in HTML and CSS coding if I want to do some?
Thanks again!
Joshua
A few quick questions:
1. How do I align an image to centre in an image block? Are margin and padding the only ways?
2. I have an auto-nav in the sitewide header navigation area. How come I can’t have it aligned to the left or right even if I select custom templates Brimstone Footleft or Brimstone Footright? In fact, it doesn’t change much no matter what custom template I select, even after I save the changes.
3. How do I put in HTML and CSS coding if I want to do some?
Thanks again!
Joshua
Hi Joshua,
1. The image block does not have an option to align. The best way to align images is to use content block and add an image through there, you can now align the image using the alignment option. I usually use content block myself.
2. Sorry the Brimstone footleft and footright custom templates only applies to the footer area, similar to the documentation. The navigation part is auto fit, so it should auto fit the area it is placed and you cant align it like you do inline blocks.
3. You can add HTML using the HTML block or if you want to edit HTML layouts you can go to the package directory and inside the theme folder you should see the files. Adding CSS is much quicker if you place your site on edit mode and go to settings -> design -> customize -> custom css. add any CSS here, save and publish and it should reflect on your site.
Hope this addresses all of your concerns.
Kind regards,
James
1. The image block does not have an option to align. The best way to align images is to use content block and add an image through there, you can now align the image using the alignment option. I usually use content block myself.
2. Sorry the Brimstone footleft and footright custom templates only applies to the footer area, similar to the documentation. The navigation part is auto fit, so it should auto fit the area it is placed and you cant align it like you do inline blocks.
3. You can add HTML using the HTML block or if you want to edit HTML layouts you can go to the package directory and inside the theme folder you should see the files. Adding CSS is much quicker if you place your site on edit mode and go to settings -> design -> customize -> custom css. add any CSS here, save and publish and it should reflect on your site.
Hope this addresses all of your concerns.
Kind regards,
James
Hi James,
My apologies if my questions have become concrete5-general instead of Brimstone-specific.
What I am trying to do is simply putting a logo and the navigation at the top, which is very typical. I originally wanted to have the logo on the left and the navigation on the right. But If no alignment can be done for the navigation, then I could have the logo at the centre. (Something similar to the Brimestone website.)
I know I can align the logo to the centre in a content block. But my understanding is, if I want the logo linked back to the Home page, I have to use an image block. That is why I was asking about aligning in an image block.
I thought something like this was very straight-forward. Is HTML-coding in a content block the only way to put a linked logo at the centre?
As for the custom css, I tried your direction but I couldn't find it. Do we have the same concrete5? Mine is version 5.7.3.1.
Thanks again,
Joshua
My apologies if my questions have become concrete5-general instead of Brimstone-specific.
What I am trying to do is simply putting a logo and the navigation at the top, which is very typical. I originally wanted to have the logo on the left and the navigation on the right. But If no alignment can be done for the navigation, then I could have the logo at the centre. (Something similar to the Brimestone website.)
I know I can align the logo to the centre in a content block. But my understanding is, if I want the logo linked back to the Home page, I have to use an image block. That is why I was asking about aligning in an image block.
I thought something like this was very straight-forward. Is HTML-coding in a content block the only way to put a linked logo at the centre?
As for the custom css, I tried your direction but I couldn't find it. Do we have the same concrete5? Mine is version 5.7.3.1.
Thanks again,
Joshua
One other question.
When I put an auto-nav block in the "Sitewide Header Col2 Left V2" area, it doesn't show up on my iPhone unless I select the Responsive Header Navigation template. But the problem with the template is, the items line up vertically not horizontally. How do I make them line up horizontally?
Or alternatively, how to I make the Brimstone Heademav template work on iPhones?
Thanks,
Joshua
When I put an auto-nav block in the "Sitewide Header Col2 Left V2" area, it doesn't show up on my iPhone unless I select the Responsive Header Navigation template. But the problem with the template is, the items line up vertically not horizontally. How do I make them line up horizontally?
Or alternatively, how to I make the Brimstone Heademav template work on iPhones?
Thanks,
Joshua
Hi Joshua,
I apologize if it took me a while to reply.
To get the look you want you can add an image block to "Sitewide Header Col2 Left area" and add the autonav on the "Sitewide Header Col2 Right area". click on the nav and select custom templates and choose "Brimstone Headernav". This would however add two nav buttons on mobile so put your site on edit mode and click the cog button on the upper left part of your screen. Click Design and under theme you should see a "Customize" button, click it. This should take you to the color customization option and at the very buttom there is a cog with a labe "Custom CSS", click it and add "#navigation{display:none}". Hit save (bottom right green button) and publish. Clear cache and refresh.
I hope I addressed your issue. Please let me know how it turns out.
Thanks,
James
I apologize if it took me a while to reply.
To get the look you want you can add an image block to "Sitewide Header Col2 Left area" and add the autonav on the "Sitewide Header Col2 Right area". click on the nav and select custom templates and choose "Brimstone Headernav". This would however add two nav buttons on mobile so put your site on edit mode and click the cog button on the upper left part of your screen. Click Design and under theme you should see a "Customize" button, click it. This should take you to the color customization option and at the very buttom there is a cog with a labe "Custom CSS", click it and add "#navigation{display:none}". Hit save (bottom right green button) and publish. Clear cache and refresh.
I hope I addressed your issue. Please let me know how it turns out.
Thanks,
James
Hi James,
Sorry for keep bothering you.
What is the difference between pagetypes and pagelists, e.g. a 2-column pagetype vs. a 2-column pagelist? I still can't find those templates.
Also, where is the slideshow template?
Thanks again,
Joshua
Sorry for keep bothering you.
What is the difference between pagetypes and pagelists, e.g. a 2-column pagetype vs. a 2-column pagelist? I still can't find those templates.
Also, where is the slideshow template?
Thanks again,
Joshua
Hi James,
Now that I have my website built. But it has two issues on my iPhone:
1. In the main area, I have two three-column blocks. The first one has three images; while the second has one image and two contents. They both work nicely on desktops. But on my iPhone, the first three-column block is squeezed into one row, so those three images become too small. As for the second three-column block, those image and contents are put in three rows nicely.
2. When I did some testing, I put the string "all rights reserved" in one of the blocks in the footer area. Now in my published version, I have something else in the footer. Everything is fine on desktops. But somehow on iPhone, instead of the published footer content, I still see the test string "all rights reserved", even after I deleted all the draft and test pages, and after I wiped out the Safari history. I don't even remember exactly where I put that string.
Any idea how I can fix these issues?
Thanks,
Joshua
Now that I have my website built. But it has two issues on my iPhone:
1. In the main area, I have two three-column blocks. The first one has three images; while the second has one image and two contents. They both work nicely on desktops. But on my iPhone, the first three-column block is squeezed into one row, so those three images become too small. As for the second three-column block, those image and contents are put in three rows nicely.
2. When I did some testing, I put the string "all rights reserved" in one of the blocks in the footer area. Now in my published version, I have something else in the footer. Everything is fine on desktops. But somehow on iPhone, instead of the published footer content, I still see the test string "all rights reserved", even after I deleted all the draft and test pages, and after I wiped out the Safari history. I don't even remember exactly where I put that string.
Any idea how I can fix these issues?
Thanks,
Joshua
Hi Joshua,
The difference with a pagetype and a pagelist template is that the pagetype is a layout for a page while the pagelist template is what you wrap the pagelist block to display specific designs you want for your block.
I didn't create a custom template for the slider since the default slider is already compatible with the theme.
Regarding the mobile layout issue, I would suggest creating bootstrap layouts when creating editable areas in your main area. This can be accomplished by clicking the area and clicking add layout and use the twitter bootstrap layout.
It's somewhat difficult for me to assess your problem so would it be alright if I take a look at your site? This would help me troubleshoot the issue much better. You can PM me the website URL if you want.
Kind regards,
James
The difference with a pagetype and a pagelist template is that the pagetype is a layout for a page while the pagelist template is what you wrap the pagelist block to display specific designs you want for your block.
I didn't create a custom template for the slider since the default slider is already compatible with the theme.
Regarding the mobile layout issue, I would suggest creating bootstrap layouts when creating editable areas in your main area. This can be accomplished by clicking the area and clicking add layout and use the twitter bootstrap layout.
It's somewhat difficult for me to assess your problem so would it be alright if I take a look at your site? This would help me troubleshoot the issue much better. You can PM me the website URL if you want.
Kind regards,
James
No worries I'll guide you to get the best out of Brimstone.
When installing Brimstone, Concrete5 will ask if you want to swap what content you have with what Brimstone has. I would strongly recommend agreeing to this so that endusers would have content to play with.
The Brimstone custom templates are wrapper of the default original blocks. Lets say you want to use the Brimstone autonav, add a default autonav block on you site, afterwards, click it and select design and custom templates. There you should see Brimstone's custom templates.
A full detailed guide can be found here:
http://brimstone57.c5box.com/index.php/documentation#doc6...
If you need me to help you with other issues don't hesitate to ask.
Kind regards,
James