Search the Community

Hello,   I know how you guys are about holding our hands when it comes to css.  Though I am a complete newbie on this, I did read the Pagelines support page on Custom CSS as well as the W3 website.  So I know how to apply the change, I'm just having trouble nailing down the correct element.   I was able to find it using the Chrome inspection tool (see attached).  And I was even able to remove the padding by un-checking the padding box in inspection mode.  I just can't nail down what element tag to put into the Customize plugin.     Fslider is not working.  This is what I currently have:   fslider { padding:none; }   Can I get some help on this?   Alyse www.theurbancoin.com 

I worked on a DMS template/design on one of my websites while testing things out. After I got things like I really wanted, I performed the export function and downloaded my templates, files, configurations, etc.  I selected all options to export (Global Settings, Post Types, etc).   I then went into another website I have, installed DMS, activated (Developer account) and got the usual welcome, etc.etc.   I then went, uploaded my exported configurations and everything appeared to copy over after loading the main template I was wanting to see.  Some images aren't showing up but that's no biggie.   My problem is that I had about 8-10 blocks of custom css code I added to the original design and this does not show on the Custom Less/Css area so I went to just copy it over from the other site into the block area for Custom Less/CSS but the field is not active on the new site.  I can click on "Custom Scripts" and that is active and will allow me to add data but the Custom Less/CSS field is not "active" and I can't click inside or add anything.   Did I do something wrong?

Just an FYI.  I was having issues with the CSS Less box and items disappearing or appearing very light gray and blocked out from me accessing.    Found out for sure that if you install or have the "Shortcodes Ultimate" plugin installed (version 3.9.5 is what I was using) or install it after starting a new site, it will cause the CSS Less box to crash. Started with this plugin when debugging and after deactivating and going back in, CSS Less was fine.   Hope this helps someone who may have experienced the same issue.   James

We have been customizing sites with the old framework for about a year and loved it.  We could easily add hooks into the site (for example a line under the post title or a footer design at the bottom of the site) but now it seems we cannot do that without going through all the hoops of creating a child theme?    Please tell me I am missing something here.  We have been with pagelines for almost a year now and have used the custom CSS code plus the hooker plugin to make some awesome custom sites.  Now, it seems a lot more complicated?    I have read the docs on hooks a couple times and this just seems way more complicated than it used to be.  Are we getting hooker back for DMS?   And I cannot even attempt to create a child theme because the base theme is not available for download.     Please help!

Hi,   I have installed Pagelines Framework 2.44 with Buddypress 1.8 at http://futurecrafting.com.   The CSS for all the Buddypress pages is broken. For example, the activity stream (http://futurecrafting.com/activity) is compressed to about 250px, instead of the full width 500px.   I tried using Firebug, but couldn't figure out how to fix this.   Please help.

Came across a site for a client that they like and it has a really cool feature when first beginning to scroll where the page seems to "cover up" the first part before locking the nav bar in place and scrolling through to the rest of site.    Love the concept and looks like they are using Rev Sliders for other area and just adding one image to each but does anyone know how the above description was accomplished?   Pretty sick looking!   Site address is http://www.august.com/   James

So why can't we have a list of the css codes that apply to each pagelines section to make the styling classes and custom css easier? For example:   Hero Section   .pl-hero-wrap .pl-hero h1 > Changes the style of the title of the hero section   iBox Section ....   What I've noticed is that every time someone asks a question about css and styling classes, the default answer is go to Chrome developer tools / firefox / etc. and find the css. I understand that for the more savvy people, that may be the easiest way. But for me (a newbie), that's only useful if you know what you're looking for (i.e.. that .pl-hero-wrap .pl-hero h1) equals  title areas of the Hero section. Eg. I'd like to change the colour of the icon-font in my ibox section, but for the life of me, I can't work out which are the right codes to use (I've been trying with Google Chrome).   Obviously, I am not a coder and am very ignorant around all this stuff. I can't help thinking that a list would be pretty useful. Thanks anyway.      

Every single day people ask us how to speed up their sites. So here are the most common reasons why a site can be slow and some solutions.   Shared Hosting   Shared hosting speeds depend on many factors.   How many other people are you sharing with? Often this is the main contributing factor and using the this tool you can instantly see how many other sites are competing for the resources.   Networked files systems. Often shared hosts will use networked filesystems to get more and more customers onto their overloaded servers. This is great unless you have many small files to load ( think file based object/db cache ) and the webserver has to fetch every single one over the network!   Poorly configured. Sometimes hosts disable a lot of core PHP functionality to make it more secure. SuHosin if not configured properly can cause problems.   One of the worse things for slowing down the web server is the amount of HTTP requests on a page. Back in the old days it would be one html file and a few images, so maybe 5 requests per page. Things have changed dramatically now! Ive tested some sites reported slow on this forum and seen well over 100 HTTP requests on one page alone! Imagine there are 1000 other sites on that server all with 100 requests per page! Now do you see why shared hosting is kinda slow sometimes? ​So there are a couple of ways to squeeze some more speed out of that 2 bit outfit you are paying next to nothing a month for.   Caching. Im going to stick my neck out here and recommend wp-super-cache. Its been around for ages and just works! It will store your pages/posts etc as static files and serve them via .htaccess so PHP is not even loaded. Also has built in support for CDN Pull Zone.   CDN. A Content Distribution Network offloads all your small files ( css/js/images ) to many other servers around the world and they are served by the closest server to the end user thats viewing your page, this speeds up your page response time by a huge amount! ​Remember all those HTTP requests  I mentioned just now? There are a few CDN plugins about none of which I have the time to test so I wrote one myself, its attached to this post. I adds a menu to the PageLines admin area with a text area to add your pullzone. If you need a cheap CDN package I recommend MaxCDN.    Resources mentioned in this post.   WordPress Super Cache   Reverse IP lookup tool   MaxCDN

Hiya,   I've tried several different ways to center the main navigation for our site, but it still prefers to be a left-handed wallflower.    I used the code from 'sexy snips' and some code found in the forum from a user who sought to do the same thing last year. I even tried a couple of plugins.    I have a large number of plug-ins on my site so I deactivated everything and then cleared the cache as per some forums I read earlier. Still no love.    Thoughts? Suggestions? Code for the custom code area? (also, I put the custom code in the CSS Rules section). To be clear I have no knowledge of CSS at all. When I have time I will attempt learn, but for now I'm relying on those far more clever than myself. lol   Please let me know.   Thanks!   Noob. (aka Mary)

Hi. So I'm doing a minor amount of tinkering to get my website to look alright. I'm just adding minor amounts of CSS into the Typography section of the PageLines Theme. For some reason when I try to change the line height for my primary content #entry_content.p {line-height: normal} all of my formatting just breaks.    I just want to condense the line height so that there isn't so much weight space in my paragraphs. A little help would be awesome.

Currently I'm using the customization plugin to style our new website. I chose it over the child theme method for various reasons. One customization is changing the color and general style of the static nav bar. I am aware of the Crackbar plugin. But decided I can do the css myself. So using Firebug I found the code to change the Nav Bar. I did tests and got the style I needed. Then I added the code to the style.css file in the customization plugin directory. When I refreshed my browser to look at changes they happened in Chrome/Safari Mac (Webkit) and not Firefox Mac/Win (Gecko). Upon doing some searches in the forums here I found another person complaining about the customization plugin not applying their CSS. I saw that someone suggested using the Custom Code form field in the Pagelines Global Settings.   Here's the code I used. You may notice that the classes say 'grey' but some hexidecimal colors are not grey but green. /*THIS CUSTOMIZES THE BACKGROUND COLORS, BORDER */ .navbar.pl-color-grey {     background-color: #80953a;     background-image: -moz-linear-gradient(top,#80953a,#80953a);     background-image: -ms-linear-gradient(top,#80953a,#80953a);     background-image: -webkit-gradient(linear,0 0,0 100%,from(#80953a),to(#80953a));     background-image: -webkit-linear-gradient(top,#80953a,#80953a);     background-image: -o-linear-gradient(top,#80953a,#80953a);     background-image: linear-gradient(top,#80953a,#80953a);     background-repeat: repeat-x;     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80953a', endColorstr='#80953a', GradientType=0);     border-top: 1px solid #cbe82e;     color: #ffffff; } /*THIS CUSTOMIZES THE LIST ITEMS - THE FONTS */ .navbar.pl-color-grey .navline > li > a {     color: #FFFFFF;     text-shadow: #FFFFFF 0 0px 0; } .navbar.pl-color-grey .navline > li.current-menu-item > a {     color: #80953a;     background-color: #FFFFFF;     text-shadow: #FFFFFF 0 0px 0; } /*THIS CUSTOMIZES THE LIST ITEMS HOVER - THE FONTS */ .navbar.pl-color-grey .navline > li > a:hover {     color: #0E4EA2; } I took out the CSS to change the top nav bar from the customization plugin style.css and pasted it in the Custom Code form. THEN it works in Chrome and Firefox. Most oddly IE 8 Windows shows the new Nav Bar colors for a few seconds then reverts to the original NavBar colors I'm trying to override. Why did this work when just editing the style.css did not? Specifically with how Firefox handled it differently than Chrome. Can I use both methods of editing CSS at the same time without side affects? Thanks. -BrianR    

The responsive mobile theme built into pagelines is excellent, but there's one thing I'm curious about.    I see that content-width, when viewed from a mobile device, is 100% of the width. And that's great. But many of my readers say that they can't zoom in on pictures. Is there any way to enable them to zoom when viewing from their phone? thanks!   if so, could you point me in the right direction as far as CSS selectors and/or anything else you might be familiar with?

Hello,   I'm trying to remove the title on one page of the site and the CSS I'm entering is not doing so.  Any ideas?   Removing the title on this page http://modelalliance.org/child-models   body.home #post-3973 h1.entry-title {display: none;}   Best,   Kelli

PageLines admin.css overrides WordPress CSS; background CSS shorthand property assigns explicit given values and sets missing properties to their initial values.   Due to the added <body> class 'toplevel_page_PageLines-Admin'...   <body class="wp-admin wp-core-ui js pagelines_ui toplevel_page_PageLines-Admin folded auto-fold admin-bar branch-3-5 version-3-5-2 admin-color-fresh locale-en-us no-customize-support">   ...the PageLines CSS...   ./wp-content/themes/pagelines/admin/css/admin.css?ver=2.4.4 (line 127)   .toplevel_page_PageLines-Admin .wp-menu-image{ background: transparent url('../images/favicon-pagelines.png') no-repeat 50% 50%; background-size: 20px 20px; }   ...is overriding WordPress CSS, changing the background style for ALL elements with the wp-menu-image class on the admin page (not just PageLines elements), and resulting in corrupted admin menu backgrounds.   Given the PageLines HTML...   <li id="toplevel_page_PageLines-Admin" class="wp-has-submenu wp-has-current-submenu wp-menu-open menu-top toplevel_page_PageLines-Admin menu-top-first menu-top-last"> <a class="wp-has-submenu wp-has-current-submenu wp-menu-open menu-top toplevel_page_PageLines-Admin menu-top-first menu-top-last" href="admin.php?page=PageLines-Admin"> <div class="wp-menu-arrow"><div></div></div> <div class="wp-menu-image"><br></div> <div class="wp-menu-name">PageLines</div> </a> ... ...changing the PageLines CSS by adding the anchor element, or using the id attribute of the li element instead of the class attribute, resolves the issue...   ./wp-content/themes/pagelines/admin/css/admin.css?ver=2.4.4 (line 127)   a.toplevel_page_PageLines-Admin .wp-menu-image{ background: transparent url('../images/favicon-pagelines.png') no-repeat 50% 50%; background-size: 20px 20px; }   Is this a PageLines bug or am I missing something?  

Hi there,   I'm using two sets of boxes on the home page of this site: http://ewiconnect.com.166-70-198-2.plesk02.xmission.com/wordpress/   I'd like to customize the text and header etc of the upper set of boxes separately from the lower set of boxes. I want top set to be the same. And the bottom set to be the same. But the two sets to be different.    I did assign a custom class to the individual boxes in the upper set. Just not sure how to call out the selector in css using the new class.     

I was wondering how to customized things like footer color, text color, ect on individual pages. As it is now, you can only change these feature universally. This makes it difficult to test thing or make a page completely unique.    Help is appreciated. Thanks.

I have 5 sites that is setup the same. Recently I have noticed two of them load between 4-5sec longer than the others.   Host: IPage. (Everything is updated) Sites: memyselfandpeke.com and innerpeke.com   I have WT3 Cache installed and MaxCDN. I have also read all your topic forums on this and docs.   According to tools.pingdom.com the slow speed is due to the Pageless, which with the WT3 now off load 4-6sec on its own- with it on still 3-4sec.   I do not understand why I get this problem on only these two sites and have no idea what to look for or how to fix this (I am not a developer).   Can you give me any suggestions on what to do to fix this.

My page background color is translucent for some reason. It was working perfectly until today when I started to work from a defferent computer. I can change the color of the page background back to white and it will work until I open the pagelines dashboard again. If I save any settings change in the pagelines dashboard my page background will become translucent again.   This happened after I chose to hide the watermark if that helps at all.   I had installed the css lite plugin earlier and the color selection on that also stopped working. I tried to delete the plugin and reinstall and that didn't help anything. After that I deleted it entirely and that also did not help.   I tried to fix this from my original computer just to see if that would help...but it didn't.   I have done some custimization with the pagelines customize plugin but none of it seems to be something that would effect the page background.   I attached an image of it working and not working and of my color settings page, custom code page, and installed plugins page.   I found that there was a difference in the codes and added this to my custom css box. It works, but the css lite still doesn't and my color control still doesn't without it. body #page .page-canvas {     background-color: rgb(255, 255, 255);}   Let me know if this is something you have seen before.   Thanks, Connor  

Hi,   I need a litle help with my menu. I have tried to remove the last seperator line as seen in my screen shot, but I can not figure out how to write code that works properly. Can you help me out?   my site is http://blog.rocktownbicycles.com/   Thanks, Bellcreative

Hi. I have the same theme on all 5 of my sites and styled them quite the same (same plugins, colors etc).   I entered my my custom css styling in my childtheme. Now it seems to work only on Google Chrome on my Desktop. If I open my site in IE on the desktop, Google Chrome or Safari on my Ipad and Iphone it goes crazy.   Some of the css styling works but the header + logo size, sidebar-background, tabs (widget) - color and spacing, optin bars spill over widgets and fixed navbar - font color etc.   It varies from site to site but that is the basic problems. Is there a way to fix this?   Website URL: innerpeke.com; starvingpeke.com; beautyandthepeke.com; memyselfandpeke.com; viciouspekes.com Framework Version: most recent WordPress Version: most recent Server/Host: iPage  

Hi there,   http://basecampoulanka.fi   I have problem with some pages when browsing with chrome. when you to example this page http://basecampoulanka.fi/ohjelmat/sulan-maan-aikaan/koskenlasku/kansallispuiston-kauneimmat-maisemat/ in wonnt load backround image and it leaves black square in top feature. This happens in several page but all.   Like this page works http://basecampoulanka.fi/ohjelmat/sulan-maan-aikaan/koskenlasku/villi-k-18/ works   Please help i have tried everything i know and bit more.   Ville

Hi,   On http://www.uitinbeeld.nl/uitagenda/ there are two buttons on the top right to add events. The calendar is the All in One Event Calendar from Timely. A modal popup window appears. However, somehting goes wrong with fading and opacity in Firefox, Chrome and Safari (in IE10 there are no problems). The problem is related to Pagelines. In Twenty Twelve the popup windows appear normaly. It's also not related to any other plugin as I tested with all othere plugins deactivated.    Any idea how I can fix the css?    Thanks!   Running Pagelines 2,4,4 and WP 3.5.2

I would like to place a fixed position WP Stock Ticker at the top of the page above the Fixed NavBar.  I have accomplished this by placing under the 'page lines_before_site' hook in the header.php file.   One problem is that the background scrolls and therefore my features scroll through the ticker.   I was wondering if there is an easier methodology for accomplishing the same thing?  and/or How to solve the background issue?   I honestly haven't spent much time on the background issue because I thought there would be a more elegant solution using drag-n-drop.   Thanks for the help.   site is http://pathfindercfp.com

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, I'm using iBlogPro5, great theme. But ies don't support css3 so I need my site to detect these browser to send them to some acceptable css for the navs to look decent ? Note that I have very little coding knowledge that's why i use pagelines!! im thinking of simple css like no round corner no gradients etc. site is www.globalrecobros.com Thanks in advance Dalia