Jump to content
Sign in to follow this  
tomtwigg

[Solved] Using LESS/CSS with Impulse

Recommended Posts

tomtwigg

There are some Impulse qualities (title, subtitle, alignment, overlay opacity) that I would like to modify, but when I view source I see that unlike other feature sliders that I've used with PageLines, Impulse seemed to be completely executed via script. Usually I would identify the div class or ID and change via LESS/CSS, but I've not a clue as to how to do it with Impulse. Any help is greatly appreciated.

-Tom

Share this post


Link to post
Share on other sites
Aires

Can you provide a link so that we can better assist you.


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Ray

please provide a link or a screenshot with highlighted items of what you want to customize

Share this post


Link to post
Share on other sites
tomtwigg

Well, the issue turned out to be kind of a non-issue—when I viewed source while logged out I was able to find the info I needed to make some customization via LESS/CSS. Thanks though.

Share this post


Link to post
Share on other sites
Ray

Glad you got that sorted out

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • elementalkites
      By elementalkites+
      Good evening. I am attempting to use the Impulse section on a page I am working on (https://dev.elementalkites.com). The tool seems to have the ability to overlay a logo on top of the slider images but in my case it isn't working, even though I have added the logo file and given it a height to display at. I have attached a screenshot for reference. Any help would be appreciated.
       
       
    • burkemedia
      By burkemedia+
      Oddly, this is only happening on ONE website/WordPress installation. I've tried uninstalling and reinstalling Impluse as well as Pagelines 5, I've tried getting rid of my custom CSS/LESS with the LESS extension ... still not working.
       
      Basically, when I try to use Impulse it looks and functions wonderfully... UNTIL I refresh the page or view it logged out in another window... then it only shows a navigation menu.
      Screenshot below.
        

      Any idea as to what's wrong?
    • Jared Smith
      By Jared Smith+
      I'm using the Impulse section for a screen wide image. I'm seeing a funny thing though, whenever I turn off the page editor, all the impulse section pictures disappear.  It has been saved.  Any ideas.  I can send you login links if need be.
      With Editor ON (note, no save button)
      you can see the waterfall image
       
      When I turn editor off, it goes away
       
      Any suggestions?


    • floydwebb
      By floydwebb+
      I can't get my less?CSS window to open. Any ideas of the probable issue?
       
    • wyo22ski
      By wyo22ski+
      Hello,
       
      I'm basically a designer and understand a little on how to change CSS, etc., so please excuse my ignorance...  I recently upgraded to the newest platform from the DMS and my old DMS theme no longer functions.  I'm trying to replace the image slider that my Horizon Photography Theme (Nick Haskins) had created.  The Impulse image slider seemed the closest to what I need, but there are problems.
      It seems the the Impulse section for sliding images defaults to the image width, no the height.  I can change the Impulse stage height and width, but this does nothing to the internal content.  For instance, if I change the height to 200 pixels, the image remains the full width and only shows a cropped section.  I would like the ability to change the Impulse height, and have the image height fit space. 
      I've put this custom CSS in, but again, this only controls the stage height of Impulse:
      .pl-sn-impulse .pl-impulse-cell .cell-wrap, .pl-impulse-container, .owl-stage-outer {
        width: 100%;
      }
       
      Any suggestions welcome.  Thanks 
×