Jump to content
Sign in to follow this  
dawsonbarber

After uprading to 2.3, shortcode styling effects seem to have disappeared

Recommended Posts

dawsonbarber

After upgrading to 2.3, shortcode styling seems to have disappeared for some buttons in a Feature Section I have.

Here's the shortcode I'm using for one button:

[pl_button type="warning" size="large" link="http://truelocalonlinemarketing/contact.com" target="blank"]Get in Touch[/pl_button]

Basically, the button colour - and other styling - has disappeared.

Share this post


Link to post
Share on other sites
Danny

Hi,

I have just copied and pasted the code above into a new page I created on my test site and the button is working as intended. Therefore, I recommend you disable all non-PageLines plugins and see if this resolves your issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
dawsonbarber

I did a completely fresh reinstall of the site yesterday (deleted database, WordPress directories and files, and reinstalled everything from scratch), due to another problem that wouldn't go away. The other problem went away but not this one.

No matter what I do, the button styling won't change.

I've tried disabling all non-PageLines plugins and still get the same result (I've also tried disabling all plugins - including PageLines - same problem).

I've also tried using the code straight from the Twitter Bootstrap site and still no change.

For what it's worth, button shortcodes appear to be working everywhere but in the Features Section.

Share this post


Link to post
Share on other sites
dawsonbarber

Maybe this will provide some insight into what's going on.

I've taken a look in Firebug and here's how the code appears for the button in the Feature Section:

shortcode-problem.png

I tried manually adding the CSS in the stylesheet for the Base Theme and the styling takes effect (only when using the !important tag, I should point out).

I should add that I've also tried deleting all custom CSS, but that doesn't have any effect.

Share this post


Link to post
Share on other sites
Rob

I tried to look at your site but it appears to be in Maintenance Mode.

Honestly, after testing this myself, I believe there is a features CSS element somewhere that's causing CSS for the shortcodes to be overridden. This is likely the result of the slider being a jQuery based product, rather than the shortcode's CSS or the slider's.

From other topics I've noticed that the shortcodes can't be successfully placed in javascripted elements and jQuery is javascript.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
dawsonbarber

Thanks, Rob, for the reply.

As mentioned, custom CSS (with !important) works so it's not really a problem.

Cheers

Share this post


Link to post
Share on other sites
cloudindigo

Since upgrading to 2.3, my styling customisations have also disappeared and the site now looks a mess. You can see it at www.cloudindigo.com. It has lost the text and heading colours (reverted to black from near-white), padding options in the content boxes (now against the edges) and a couple of other issues.

What's the best way to revert back to 2.2.5? Is it a case of reinstalling it? (Am also using the iBlogPro theme) Have tried a couple of quick CSS hacks in the style.css using !important to no effect and I just don't have time to mess with this when it was all fine before the update. It's the second time deploying an update has led to rework and I'm becoming increasingly reluctant to do so going forward.

Share this post


Link to post
Share on other sites
Rob

cloudindigo, please open your own topic, so that we may properly address your concerns directly. This is considered topic hijacking, thus I'm hiding the reply. Thanks for your cooperation.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
cloudindigo

Well I upgraded to 2.3 and it affected my custom styling, it seemed very very similar to this issue. One of the challenges with finding useful content in the forums is that multiple topics are created for the same subject and it's hard to track down a useful answer. I wasn't topic hijacking and resent the accusation.

Share this post


Link to post
Share on other sites
Danny

Cloudindigo,

The reason we ask users to create a new topic is that most users will have a different issue and this will actually cause issues when users search for topics. This is why our search in our previous forum powered by Vanilla were so bad.

Please just create a new topic.


Please search our forums, before posting!

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

    • oseehys
      By oseehys+
      Of all the Items that is on Pagelines Shortcode, the Signup on the Settings page is the biggest miss, can anybody tell me how i can add the Signup Shortcode on a link my footer so that users can subscribe to my blog directly or better still to create the shortcode myself if thats possible, but instead of adding a new button somewhere down, i think its better to add the Signup shortcode to an existing link, Thanks
    • John Olsson
      By John Olsson+
      We're often working with ACF (https://www.advancedcustomfields.com/) that's great for user experience in the backend, 'cause we don't want out clients to be in the editor to much.
      So we want to be able to use shortcodes in the editor fields, regardless of section, THIS WOULD BE SO GREAT. Is there a way to fix this, it should open up som much more functionality.
      In ACF, the shortcode is for example: 
      [acf field="field_name"] ...for example, I want to att field_names value to display in a section, i understand I can make it in embed and so, but I want it in titles and options, the whole range.
      I know I can build my own sections, that we've done, but it's not very effective, and thats what PL5 is about.
      Any ideas on this, can Pagelines take this in the core? I guessing there are more than just ACF out there who can use this.

    • Barnaby Skinner
      By Barnaby Skinner+
      Hey all, hope I worded the topic correctly!
      I just need to know if either 1) I'm making a mistake or 2) this could be set as a new feature?
      Using the global settings typography parameters, I have a global paragraph font type (set using googlefonts) and have set the style to align:justify. When laying out <p> text inside a simple TEXT module, the <p> text adheres to both the font type and justification. Perfect.
      Now, when I set <p> text inside the PARAGRAPH TEXT field within an ELEMENT module, the <p> text adheres to the font type, but not the justification. It's rather annoying as I like to fully justify para text across the board and tend to use Element modules instead of text boxes for various reasons. It also seems silly that some PARAGRAPH TEXT fields adopt global settings, whilst other don't.
      Or I'm doing it wrong :S
      Any help or advice is much appreciated!
      Cheers
    • jojoking
      By jojoking+
      I have to admit to being baffled.
      I'm trying to embed a video (from my WP media library) within a WP post using the videobox section shortcode.
      The shortcode section popup only allows two items to be configured - the section type, in this case videobox - and a unique id. There's no URL or other parameters such as autoplay or loop which are available within the Pagelines editor.
      Whatever I put in the unique ID makes no difference to what is shown which seems to be a default video with stars or white noise on a black background.
      I assume I need to define this ID somewhere else, or maybe WP has done it for me?
      HELP!
       
      PS This is the page source generated when a shortcode is added within the WP post editor
      <!-- VideoBox | Section --> <section id="videobox_1675853156" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox" data-object="PL_VideoBox" data-clone="1675853156" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" > <div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div> <div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox"> <video id="280414138" autoplay loop > <source src="https://www.handinhandmanchester.org.uk/wp-content/plugins/pl-section-videobox/default.mp4?r=280414138" type="video/mp4" /> No browser html5 video. </video> <script> jQuery('#280414138')[0].load(); </script> </div> </div></div></section> </div>  
      If I add a videobox section using the Pagelines page editor the page source generated includes my video:
      <!-- VideoBox | Section --> <section id="videobox_udvu4uz" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox" data-object="PL_VideoBox" data-clone="udvu4uz" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" > <div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div> <div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox"> <video id="429558737" autoplay loop > <source src="https://www.handinhandmanchester.org.uk/wp-content/uploads/2017/04/HIHWelcome.mp4?r=429558737" type="video/mp4" /> No browser html5 video. </video> <script> jQuery('#429558737')[0].load(); </script> </div> </div></div></section>  
    • bnapoli
      By bnapoli+
      On my site www.anewbeginning.com the "toggle" function mysteriously stopped working.  I have tried all browsers, tried disabling plugins, removing all the relevant CSS but still cant understand why it isn't working.
      The toggle is placed on this page: http://anewbeginning.com/?page_id=15965 and http://anewbeginning.com/?page_id=10779 but it does not display.
      On my other Platform5 websites, that exact code works fine: see here http://4aa.d11.myftpupload.com/?page_id=123
      Code is the same. Please help, thank you!
×