Search the Community

Hi, I would like you to provide me explanations and clarifications pertaining custom LESS, especiallay versus custom CSS, using the "child theme method". The following CSS snippets do not fully work using the a "child CSS" (whereas they work with the two other customization methods i.e. site options \ custom code and customize plugin). By contrast, they DO fully work when put in a "child LESS". Example #1 : a custom class of my own .astuce p {background-color: orange;} .astuce p:before {content: url('..images/everything-spritev2.png');} .astuce p:after {content: "\2713"}   The first rule only works when put in my child "style.less" file. Mixing Pagelines overriding IDs such as #page or #site and/or CSS important declaration in a child "style.css" was fruitless. The two last rules work whatever the method. Example #2 : a widget class ("Google Doc Embedder" - GDE) a.gde-link:link {     font-size: 80%;     font-variant: small-caps;     color: green; }   The color property only applies when put in a child "style.less" file. the two first properties work whatever the method.   Is this all logical for you, and if so WHY  ? Am I wrong or right when thinking there IS a difference here when using LESS vs. CSS, one way or the other?   Moreover, could you confirm me a "child LESS" file is grouped together with all other Pagelines LESS files and dynamically compiled, contrary to a "child CSS file" ? If this indeed the case, should I expect a major benefit from this, or not really ? Thank you so much in advance for your comments and clarifications... ! Best regards, Erwan

Hi, The following customization method for boxes works for me: bluebox --> class added in Box Setup Options \ Boxes Custom Class .mybluebox {background-color: blue;} --> CSS for that class added in Site Options \ Custom code But when I put this styling code in my child theme style.less file, nothing happens. I tried to add PL overriding ID's and it does'nt help: #site .mybluebox {background-color: blue;} #page .mybluebox {background-color: blue;} Do I miss something e.g. combining with the .fbox class in my style.less, and if so which way :huh: ? I'm sorry to raise a subject much discussed in this forum but I'm lost! Many many thanks in advance.

[Note - I previously started this conversation in a separate thread but I want to open it up for more discussion so am reposting here.] I am new to Pagelines and am trying to understand how build a child theme from scratch. I have some basic HTML/CSS knowldege but I am currently a beginner when it comes to PHP & Javascript. I have built some Wordpress sites before but have only ever made basic CSS modifications to an existing theme. I have never built a theme or child theme before. I want to learn how to create/customise a child theme in Pagelines but I have no idea where to start, and can't find any documentation to help me. I just watched the PDET Video tutorials. They were a little out of date but still very helpful in understanding how to create Pagelines Sections, even for a beginner coder like me. The problem is there are no more video tutorials! Sections were covered, but where are the rest of the promised videos on Themes and Plugins? We need a series of tutorials (maybe as videos) taking us though the steps of building a Pagelines child theme from scratch (or from the base child theme), similar to the sections video tutorials. I have looked at the Theming page but it does make a lot of assumptions about our knowledge. I currently don't really understand how all the different components fit together in creating a child theme. Here are my questions: To build a child theme for Pagelines, do we need to know Wordpress theming already? If yes, are there any good tutorials out there to take us through the process? How do all the components of a child theme fit together? How do hooks and actions fit into the design? Do we need to learn LESS before we begin? Any good resources for this? Is there an example theme that uses bootstrap available? I want to understand how to use the grid. Is it easy to take an existing Wordpress theme and convert it into a Pagelines child theme? How do I do this? Would I even want to, or is it too long-winded? What are the best tools to use? How do you see what you are doing (CSS changes etc.)? Are their any video tutorials explaining how to create child themes for Pagelines? I like Pagelines in principle, but these days very few of us would build a WP theme from scratch for a new website - we'd simply take an existing theme and customise it. Pagelines does not appear to have much choice in this regard, since there are currently very paid few child themes available. Thanks in advance.

I have downloaded the .mo and .po files from the localization center but I'm not sure how to get a translation for Pagelines working. As far as I can find out I can put the .mo file in ~/wp-content/plugins/pagelines-customize/language/ but that doesn't work. Also putting it in the ~/wp-content/themes/pagelines/language/ will not magically translate PageLines. Apparently I'm taking the wrong route. So what is the right way..?

I've been trying to alter the type sizes and spacing in the Features. I've done this through a child theme style.css using this: @import url("../pagelines/style.css"); h2.ftitle { text-shadow: 1px 1px 1px #000; font-size: 16px; height: 4px; } div.fcontent-pad.fix { font-size: 13px; } div.fexcerpt { text-shadow: 1px 1px 1px #000; font-size: 13px; } This works fine in Chrome, for example, if I save this as the stylesheet edit using the Stylebot extension. However, if I put this into my child style sheet it doesn't work. Any ideas much appreciated.

hi, i'm trying to add some CSS, JS files to my child theme, this is my code: add_action('wp_enqueue_scripts', 'my_add_styles'); add_action('wp_enqueue_scripts', 'my_add_scripts'); function my_add_styles() { wp_enqueue_style('normalize',get_template_directory_uri().'/css/normalize.css'); wp_enqueue_style('sans-pro', 'http://fonts.googleapis.com/css?family=Source+Sans+Pro:300'); wp_enqueue_style('main', get_template_directory_uri().'/css/main.css'); } function my_add_scripts() { wp_enqueue_script('modernizer', get_template_directory_uri().'/js/vendor/modernizr-2.6.1.min.js',array(), '2.6.1', false); wp_enqueue_script('jquery','//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js',array('jquery'), '1.8.0', true); wp_enqueue_script('plugins',get_template_directory_uri().'/js/plugins.js',array('jquery'), '1.0', true); wp_enqueue_script('main',get_template_directory_uri().'/js/main.js',array('jquery'), '1.0', true); } but the get_template_directory_uri() point to the pageline parent folder, how can i point to my child template folder? regards