Forums

Page Design

Permalink
Hello

I'm trying to customize and add some more easy access functions to easily change the appearance of the website using just the front end customize.

I'm creating the Theme from the ground and I already have the following:

styles.xml :
<?xml version="1.0"?>
<styles version="1.0">
    <set name="Landing Page">
        <style name="Page Background Machinery" variable="page-background-machinery" type="color" />
    </set>
</styles>


machinery.less:
/* Import our theme variables. */
@import "presets/defaults.less";
@import "build/landing_page.less";
div.ccm-page {
}


presets/defaults.less
@preset-name: "Machinery Green";
@preset-icon: concrete-icon(#75ca2a, #fff, #0099ff);
/*
 * The sections in this document roughly correspond to our theme style guide.
 */
// Global body background
@page-background-machinery: #fff;


build/landing_page.less:
body{background-color: @page-background-machinery;}



Inside my php I got the file loaded successfully using:
<?php echo $html->css($view->getStylesheet('machinery.less'))?>


Now, my problem it's the following, I already uninstalled and installed the Theme, already cleared the cache. The option to change the color appear inside the Menu of the Design -> Customize but doesn't read the default value but I can change the color and the value it's saved, and after save the page he doesn't get the new value, reading always the default value.

I'm missing something, any missing file or order that files must be loaded?
Thank you very much and I hope this is not very hard to find solution.
Thank you again and best regards to all people that always answered and all my questions, thank you.
pedroserapio
 
andrew replied on at Permalink Reply
andrew
Is your theme inside a package? Or is it in the applications directory? I'm curious because there is actually a bug in the theme customizer in 5.7.0.4 where packaged themes can't be customized. If that's the case, check out this patch in Github which has fixed the issue and see if that fixes the issue for you.

https://github.com/concrete5/concrete5-5.7.0/pull/1289/files...
pedroserapio replied on at Permalink Reply
pedroserapio
Hello, thank very much for the help.
I created the new theme inside the Applications folder. Let me have a look to the fix and I will reply.

Thank you again.
pedroserapio replied on at Permalink Reply
pedroserapio
I added the PHP line but no success, my customizations doesn't override the default value.

I have the following structure:

application/themes/Machinery/css/styles.xml
application/themes/Machinery/css/machinery.less
application/themes/Machinery/css/presets/defaults.less
application/themes/Machinery/css/build/landing_page.less

I use FireBug to inspect and I see that all the css files are successfully loaded but can not customize, my mean is I see the option inside the Concrete5 Panel, I can change the value using the color picker and save but always load the default.

Thank you very much.
andrew replied on at Permalink Reply
andrew
Try @page-background-machinery-color instead as the variable name
andrew replied on at Permalink Reply
andrew
You can't just copy the name of the variable from the XML file into the less file. You gave to append type values to the end. That's because a single xml variable can impact multiple less properties
pedroserapio replied on at Permalink Reply
pedroserapio
Hello

Ok, got it. Now inside the Customize Panel, if I select the Defaults I got the default color that I set inside the less file, nice.

But.... after I change the color inside the Customize Panel, the new color value it's saved but my page still displays the default color... well what I'm missing now?

Thank you again for all the help Andrew
stintzip replied on at Permalink Reply 1 Attachment
stintzip
Hello, I speak Spanish so here I will use translate.google.com
I've managed to make me "customize" within the section "Design" in "settings page" button appears. The problem is that when I click on the "Customize" button does not display any menu me. porfa help thanks

Hola, hablo español asique usare translate.google.com
He logrado hacer que me aparezca el boton "personalizar" dentro de la seccion de "Diseño" en la "configuracion de la pagina". El problema es que cuando le doy clic a el boton "Personalizar" no me despliega ningun menu. porfa ayuda, gracias