Jump to content

Search the Community

Showing results for tags 'CSS'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Found 243 results

  1. Plugins Active and installed: Akismet Anti-Spam Coming Soon Page & Maintenance Mode by SeedProd Contact Form 7 Cookie Law Info DMS Professional Tools Enhanced Media Library Flamingo Google Analytics for WordPress by MonsterInsights Google XML Sitemap Jetpack by WordPress.com Legull Loginizer MailChimp for WordPress PageLines Updater Schema App Structured Data Sucuri Security - Auditing, Malware Scanner and Hardening Uber reCaptcha Yoast SEO Wordpress Version: 4.8.1 Pagelines Version: 2.2.4 Good Evening/Afternoon or Morning, I am running into a problem with CSS styling not applying inside of most browsers (Safari, Firefox) when I am logged in to wordpress, and all browsers that I have tested when I am logged off and the site has been made public (Chrome, Firefox and Safari). As a result, I have managed to identify the probable cause. It looks as though these browsers are refusing to render my sites compiled CSS file due to it being a HTTP URL rather than HTTPS. I have attempted to change this URL to HTTPS in my browser, however it brings back an ERROR: File not found page - https://www.shortfilmblog.com/wp-content/uploads/pagelines/compiled-css-core-1505847507.css What would you suggest in this regard? Would this be resolvable from your end? Happy to provide any further details required.
  2. Full Nav CSS

    Hi, I am hoping to figure out how I can get my PageLines Full Nav to display layered in front of a sticky footer element on my website - 3keymedia.com I would like the Full Nav to overlay the entire screen when opening the menu as you will see when opening on a desktop the footer of nav content is cropped by the sticky footer. Thanks
  3. Grams different heights

    Hi everyone, since Instagram had allowed to publish in different ratio formats (instead of only square ratio) the grams stripe has different heights. Can you tell me if i can fix it easily with some CSS?
  4. Sidebar becomes intermittently invisible

    Hi guys! I have noticed that my primary sidebar becomes intermittently invisible when browsing through various blog articles on michaelkummer.com/blog. See: https://www.dropbox.com/s/z646sgoa3mfjl1j/Screenshot 2018-07-12 15.57.46.jpg?dl=0 and https://www.dropbox.com/s/vdledzzgginvwgv/Screenshot 2018-07-12 15.57.57.jpg?dl=0 Upon refresh, the sidebar appears. I have been using the following CSS code to hide the sidebar on mobile without any issues. @media only screen and (max-width: 993px) { /* hide sidebars */ .plsb { display: none !important; } } I tried to add the following CSS to force the sidebar to show on screens that are wider than 994 pixels but to no avail. Any clue what could be causing this issue?
  5. Hi guys! I am using the LESS/CSS Pagelines extension and tried to add the following code to make use of FontAwesome: a.c2a:before { content: "\f07a\00a0"; font-family: "Font Awesome 5 Pro"; Font-weight: 900; font-style: normal; font-weight: normal; text-decoration: inherit; padding-left: 4px; } The issue is that as soon as I have the CSS via the Custom Styling text box, Pagelines (or the extension) strips out the backslashes (\). As a result, I had to abandon the CSS/LESS extension and instead add all my CSS code to a separate .css file. Is there a fix or workaround for this? Thanks Michael
  6. Scrolling issue from fixed-position nav bar

    Hello, I am having a problem similar to that experienced by Michael Kummer here. We have pages that show this automatic scrolling issue (examples here and here) and it is sufficiently annoying that we have seen customers bounce while trying to convert. Strangely, it only happens at specific resolutions, so it can be difficult to reproduce. In general we can only consistently reproduce it on a 4k resolution with a browser width between 1517 and 1536px. Thanks to Michael Kummer's help we were able to set the overflow-anchor property to none in the entire body, which fixed the issue as far as we can tell, but also obviously disabled scroll anchoring for the whole site. I tried applying it to the specific element that looked like it was being reloaded, which was the PL Meganav extension, but that was unsuccessful. Can anyone help us figure out which element or ID we can apply this property to, so that we can fix the scrolling issue but not disable scroll anchoring for the entire site? Thank you - Glyph Language Services
  7. Hello, Shouldn't the image PL5 component be using the srcset/picture css directives to pick the correct size for an image? or it does already and I don't know how to use it? Thank you for any advice or enlightenment.
  8. 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?
  9. 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
  10. 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!
  11. Buddypress CSS Issuue

    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.
  12. 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
  13. 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.      
  14. 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
  15. 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)
  16. 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.
  17. 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    
  18. 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?
  19. 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
  20. 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?  
  21. customize style of box sets

    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.     
  22. 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.
  23. 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.
  24. Custom Contact Form

    Hi Everyone,   I am having issues with trying to use the Plugin- Custom Contact Forms on my site. I have recently installed PageLines onto my site and loving it, however now with the new setup, I think that PageLines is over-writing the style of the Plugin itself. Basiclly it is displaying a stock standard contact form on my sidebar without any of the customisation that I have done within the Plugin itself.   It is a very similar situation to the one on this topic: http://www.pagelines.com/forum/topic/22911-constant-contact-form-designer/?hl=contact+form   However the link provided does not work and unfortunately I have very little experience with CSS or code of any sort (hence my conversion to PageLines). I have the Plugin inserted through Widgets into my Primary Sidebar.   Here is a link to my site, I am obviously still converting it over to work through PageLines however I need this resolved to build everything else unfortunately. http://www.buysenterprisers.com   Details: PageLines 2.4.4              Wordpress: 3.5.2              Host: GoDaddy   Any assistance would be much appreciated thanks, please if you require any further details, just ask :-)   Cheers
  25. 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  
×