Monitor Reply

Support

Change the colour scheme on a different section

Permalink Browser Info Environment April 11, 2016 at 8:05 AM

Hi

I'd like to be able to change the colourways of different section of the sitehttp://bmc-client.co.uk/preshute/....

I see the basic template to be a 2/3 column grid such as thishttp://bmc-client.co.uk/preshute/index.php/typography... however I'd like to be able to change the page title div to be the same colour as the menu a blue purple and then I'd like the side navigation on the right to tie in with this colour. Could you advise of the best way of doing this please - I'm assuming it will be a page attribute of some sort that will tie in with the CSS. I'm quite keen not to have to do too many different templates so I was hoping there would be a solution such as this.

Many thanks

Charlie

Type:	Pre-Sale
Status:	In Progress

datasouth replied on Apr 12, 2016 at 2:32 am Permalink Reply

Hi Charlie,

The easiest way to do this is by color customization. Lets say you want the about us page title to be the same color as the about us nav which is green, go to the about us page and settings->design->customization and change the page title to green but only apply to "this page" and NOT "entire site". Do the same for the side nav.

I hope what I said made sense. Let me know how it works out.

Kind regards.

chassa2556 replied on Apr 12, 2016 at 4:24 am Permalink Reply

Thanks for this - I was hoping for a way of making it so I would choose 'about us' as a colour coded section and be able to select an attribute for that page which would target a particular CSS overide for that page. This way I could just select an attribute of 'about' in the page and I could then set the title div, side nav div and titles to all go into that colour in a css file called about.css. Would that be possible?

datasouth replied on Apr 12, 2016 at 4:57 am Permalink Reply

Hi,

I think that is possible but it would take more time to do and customize compared to just using the customization. End-users would need to tweak/understand the css/less on the backend to get it to work and you'd also need to apply it for each page since custom attributes only work for the page it's applied to.

I don't think we could apply this feature to the theme but I would personally help/guide you in achieving this feature if needed.

Kind regards.

chassa2556 replied on Apr 12, 2016 at 6:45 am Permalink Reply

Hi

I have used this in other themes on 5.6 - would this still be functional in 5.7 - it allowed me to make a stylesheet called 'blue.css' and then point to that using page attributes. Could I ask you to take a look at this link where it shows how its done.

https://www.concrete5.org/community/forums/themes/how-to-change-css-...

datasouth replied on Apr 12, 2016 at 6:56 am Permalink Reply

Hi Charlie,

This snippet would still work on 5.7 as mentioned herehttp://www.webli.us/cheatsheet/doku.php...

<?php
$scheme = $c->getCollectionAttributeValue('colorscheme');
if ($scheme) { ?>
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getThemePath()?>/<?php echo $scheme; ?>.css" />
<?php } ?>

chassa2556 replied on Apr 12, 2016 at 11:47 am Permalink Reply

Great thank you I'll give this a go

Academy Theme

Support

Change the colour scheme on a different section

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post