Jump to content

Archived

This topic is now archived and is closed to further replies.

Anthony Luth

Pagelines Framework - Show Salebar Only On Homepage

Recommended Posts

Anthony Luth    1
Anthony Luth

I was curious if it was possible to display the salebar only on the homepage, right now I only see the hide option?


Use PageLines Drag & Drop Framework and WordPress to build professional websites faster, easier and better than ever before.

Wordpress Developer | Programmer | Enthusiast

@tonyluth | http://www.luthwedding.com

Share this post


Link to post
Share on other sites
Rob    547
Rob

Anthony,

 

We're really not supposed to provide CSS, but I can't see any way to explain this without writing a doctoral dissertation even I wouldn't understand, so here goes.  Add this code to Custom Code > CSS Rules:

.blog #pl-salebar {visibility: visible !important;}
#pl-salebar {visibility: hidden;}

The top one displays, the bottom hides everywhere else.

 

If you have a static homepage with a page ID, replace .blog with  .page-id-XX  where the XX is the numeric page number.

 

See, I told you this was complex. lol.

 

Happy Coding!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Anthony Luth    1
Anthony Luth

Thank you, but doesn't seem like its being passed....


Use PageLines Drag & Drop Framework and WordPress to build professional websites faster, easier and better than ever before.

Wordpress Developer | Programmer | Enthusiast

@tonyluth | http://www.luthwedding.com

Share this post


Link to post
Share on other sites
Anthony Luth    1
Anthony Luth

I had previously tried to find #sale bar but wasn't finding it in firebug


Use PageLines Drag & Drop Framework and WordPress to build professional websites faster, easier and better than ever before.

Wordpress Developer | Programmer | Enthusiast

@tonyluth | http://www.luthwedding.com

Share this post


Link to post
Share on other sites
Rob    547
Rob

Change the # to . in my code.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

If you have a cache plugin, leave the code in CSS rules, clear the plugin's cache.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Anthony Luth    1
Anthony Luth

Yeah I had done that of course, the problem is it simply hides the writing and color, but it doesn't remove the bar, just appears as white space


Use PageLines Drag & Drop Framework and WordPress to build professional websites faster, easier and better than ever before.

Wordpress Developer | Programmer | Enthusiast

@tonyluth | http://www.luthwedding.com

Share this post


Link to post
Share on other sites
Rob    547
Rob

Give this a try:

 

.pl-salebar {display: none;}

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Anthony Luth    1
Anthony Luth

with the first option.....

 

header-pl.png

 

with the second option it still appears on all pages.


Use PageLines Drag & Drop Framework and WordPress to build professional websites faster, easier and better than ever before.

Wordpress Developer | Programmer | Enthusiast

@tonyluth | http://www.luthwedding.com

Share this post


Link to post
Share on other sites
Anthony Luth    1
Anthony Luth

Notice the white space at the top? Thats dead space.... its part of the image ;)


Use PageLines Drag & Drop Framework and WordPress to build professional websites faster, easier and better than ever before.

Wordpress Developer | Programmer | Enthusiast

@tonyluth | http://www.luthwedding.com

Share this post


Link to post
Share on other sites
James B    436
James B

This should remove the container and move the navbar up

.pl-salebar-push {
  display: none !important;}

.blog .pl-salebar-push {
  display: block !important;}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
Anthony Luth    1
Anthony Luth

Thanks, that did it!

 

.pl-salebar-push {
  display: none !important;}

.page-id-84 .pl-salebar-push {
  display: block !important;}

That was line I needed


Use PageLines Drag & Drop Framework and WordPress to build professional websites faster, easier and better than ever before.

Wordpress Developer | Programmer | Enthusiast

@tonyluth | http://www.luthwedding.com

Share this post


Link to post
Share on other sites
Anthony Luth    1
Anthony Luth

Now to just play with the bbPress and figure out how to hide the subforums and then its game on! Thanks James B & Rob for your help!


Use PageLines Drag & Drop Framework and WordPress to build professional websites faster, easier and better than ever before.

Wordpress Developer | Programmer | Enthusiast

@tonyluth | http://www.luthwedding.com

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

The simplest way to only show the Salebar on your homepage would be to use the SaleBar option Hide on which pages? and add the id's of the pages you wish the salebar not to be visible on.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
topjaba    0
topjaba

To Danny's point, I would add that if your site has tons of pages, inputting all the page ids for those pages you don't want an element to appear would be terribly tedious business.  However, if the next update to the UI would include a ONLY SHOW ON THE FOLLOWING PAGE ID'S component, those of us with larges sites would benefit quite a bit.

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

HI @topbaja 

 

Could you please create a new topics rather than add to a topic from 2 years ago. This is also about the Framework rather than DMS system. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

  • Similar Content

    • oseehys
      By oseehys+
      Hello There,
      So i want to use platform 5 and DMS sections on a single page, i am using a child theme with pinspro as my main theme and i activated platform 5, the only problem am having so far is the fixed option, my navbars are not aligning to their default size, and it will be great if platform 5 header and footer section will function, has anyone used this option, how can i make the best use of platform 5 and DMS on a site
      Cheers
    • thirdstonemedia
      By thirdstonemedia+
      I've been fighting with a resolution issue ? Want to use Flick Slider, the site looks great on my monitor but client says she can't see bottom of homes. I believe she's on an old PC using outdated browser/s ... but, she's important to me and I'd like to make this work, on her system. Without asking her adjust her own set-up. 
      I put the Flick Slider inside a container, here ::
      http://becauze.xyz/home-five
      Set the Height of Flick Slider to 50 Base ... I don't know how this works exactly ... there is a Base then a Min ... but, haven't adjusted the Min ::
      http://becauze.xyz/home-four/
      Tried using Splash Up, which presents the same issue (she can only see top of home) and she wants several images to rotate on Home page, so not sure this would work anyway ::
      http://becauze.xyz/
      I have tried going into Layout and making the width narrower, and that does make the site narrower, but the homes still don't display in full, on her system. Help ?

      Here are her screen grabs, both desktop and iPad  (dumped the chalkboard background).

      FInally, she said these look great ::
      http://www.sinclairaia.com/
      http://www.kristihanson.com/
      What am I doing wrong ?? Is there a better way to accomplish making the site look great on any resolution at any size ?
      Joanne
      (Longtime Pagelines-lover.)


    • Suneel
      By Suneel+
      I updated my theme to framework and now can't get rid of this bright blue bar that appears across the top of every page. It says, "A fixed bar that makes it easy to promote important content.", and then a button that says, "Get PageLines".
      I am a novice and need help.
      Thank you!
      Natalie
    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • kwaoru
      By kwaoru
      Hi,
      I desperately need to deactivate the responsive function on mobile for reasons. It looks so messy with the responsive look on mobile and not navigating or informative at all as it is. 
      I searched for solutions online and tries some of those that I found but nothing worked out. Also I found a previous post on this forum says that this theme pagelines DMS is not meant to be build to deactivate the responsive function... 
      Also tried with widget such as WPtouch to edit the mobile look a little more informative but as I am using "single page" theme on pagelines, the frontpage(main page) never appears on those app.
      Seems like not compatible?
      If there is no way to deactivate responsive function or I'll have to recreate another page just dedicated for a mobile page? or change the theme completely and build a page from scratch?
      I have been searching for this for two days already...
      Could anyone wise and kind out there, please help me?
       
      Thanks,
×