Help Center Responsive Design

71 Comments

  • Wes Drury
    Comment actions Permalink

    Can you provide the link to your HelpCenter and I'll take a look.

     

    0
  • Ian Maison
    Comment actions Permalink

    Thanks - https://support.signagelive.com/hc/en-us/sections/200604933-Publish-Publish-and-Deploy-

    If on this section you should not see my face, but the jpg you provided.

    ----

    $(document).ready(function() {

    if (window.location.href == "https://support.signagelive.com/hc/en-us/sections/200604933-Publish-Publish-and-Deploy") {
    $('.team-profile member-ian').css("background-image", "url(//p4.zdassets.com/hc/theme_assets/426700/200063836/feature_requests_banner.jpg)");

    });

    0
  • Wes Drury
    Comment actions Permalink

    @Ian,

    This is working for me in the browser.  Instead of using background-image you only need background.  You will need to find another image as my image is way to large for that circle area so it just turns it blue.

    $('.team-profile').css("background", "url(//p4.zdassets.com/hc/theme_assets/426700/200063836/feature_requests_banner.jpg)");

    0
  • Ian Maison
    Comment actions Permalink

    Thanks, will try it later. Is it possible to use this method to call different responsive videos per section? 

    Thanks for all your help.

    0
  • Wes Drury
    Comment actions Permalink

    Videos would be different would probably use .html vs .css

    0
  • Ian Maison
    Comment actions Permalink

    Thank you Wes for all your help.

    Sadly this revised code does not work, so might have to give it a miss.

     

    $(document).ready(function() {

    if (window.location.href == "https://support.signagelive.com/hc/en-us/sections/200604933-Publish-Publish-and-Deploy") {
    $('.team-profile').css("background", "url(//p5.zdassets.com/hc/theme_assets/77922/1761/media-1030x655.png)");
    [<div class=​"team-profile member-ian" style=​"background:​ url("//p5.zdassets.com/hc/theme_assets/77922/1761/media-1030x655.png")​;​">​</div>​]

    });

    0
  • Wes Drury
    Comment actions Permalink

    You have too much code there should be.

    $('.team-profile').css("background", "url(//p4.zdassets.com/hc/theme_assets/426700/200063836/feature_requests_banner.jpg)");

    It worked fine in the console so try exactly what I have above without the IF statement.  Should turn the circle blue.

    0
  • Ian Maison
    Comment actions Permalink

    Thanks Wes, you have been very helpful and patient.

    I've tried that code and its not working sadly for me. I don't wish to waste any more of your time as I was hoping I could simply add a bootstrap grid below the section article and swap out the image for each section, then ideally show a video also depending on the section.

     

    0
  • Wes Drury
    Comment actions Permalink

    @Ian - I understand, if you can't get it working then you can always contract it out to me as I've designed around quite a few Help Centers around here.  If you would like to discuss further just shoot me an email support@wesdrury.zendesk.com

    Best of luck.

    0
  • Penelope
    Comment actions Permalink

    hi wes , i love the article , though im having a bit of a problem with my user_info tab , it doesnt wan to display the dropdown 

    0
  • Wes Drury
    Comment actions Permalink

    @Penelope - I sent you an email but we can talk here.  

    0

Please sign in to leave a comment.

Powered by Zendesk