Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 21
  1. #1
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts

    PLEASE: Need help with JS for my website (newbie)

    I'm new to wordpress, I've just made a website and I want to make small modification: I want to remove the buttons in red.

    I thought it was CSS. But I've discovered that JS can't be overwritten by CSS so here I am.

    In firebug, I can see this:

    element.style {
    display: block;
    }
    When I change it to "display: none" buttons do disappear but I don't know in which file to find this sentence.

    A JS file is attached as txt. Can anybody give me a hand?
    This is the site: http://franciscourrea.com/sitio/


    buttons by panchoskywalker, on Flickr
    Attached Files Attached Files
    Last edited by panchoskywalker; 03-13-2012 at 12:28 AM.

  • #2
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    try changing :

    Code:
    navigation              :   1,		//Slideshow controls on/off
    to

    Code:
    navigation              :   0,		//Slideshow controls on/off

  • Users who have thanked DanInMa for this post:

    panchoskywalker (03-15-2012)

  • #3
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by DanInMa View Post
    try changing :

    Code:
    navigation              :   1,		//Slideshow controls on/off
    to

    Code:
    navigation              :   0,		//Slideshow controls on/off
    Thanks DaninMa, where can I find that sentence? There are a few in the attached file.

  • #4
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Thanks I tried but nothing happens.

  • #5
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    ok, change this in the supersized.css

    Code:
    #tray-button {
        cursor: pointer;
        position: fixed;
        right: 50px;
        top: 20px;
    }
    to :

    Code:
    #tray-button {
        cursor: pointer;
        display: none ;
        position: fixed;
        right: 50px;
        top: 20px;
    }

  • Users who have thanked DanInMa for this post:

    panchoskywalker (03-15-2012)

  • #6
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Didn't work either....why is it so complicated.
    Attached Files Attached Files
    Last edited by panchoskywalker; 03-13-2012 at 03:34 AM.

  • #7
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    you sure you are saving your changes? that worked fine via firebug manipulation., and the first suggestion should have at the very least hidden the controls on the bottom. if that didnt happen then somethign is up with your update process, I suspect.

  • Users who have thanked DanInMa for this post:

    panchoskywalker (03-15-2012)

  • #8
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    I just did it again....I don't get it. There are several js and css file in the theme.

  • #9
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    I just keep putting "display: none;" everywhere I can inside supersized.css.....the only thing that disappear are the pause button and the background image.

  • #10
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Nobody can help me?

  • #11
    Senior Coder ckeyrouz's Avatar
    Join Date
    Jun 2009
    Location
    Montreal, Canada
    Posts
    1,044
    Thanks
    5
    Thanked 179 Times in 179 Posts
    I found that the display:block is defined in your html code.

    <div id="controls" style="display: block;">
    So replace the display:block with display:none in your html colde.
    Code:
    <div id="controls" style="display: none;">
    Software and cathedrals are much the same - first we build them, then we pray.

  • Users who have thanked ckeyrouz for this post:

    panchoskywalker (03-15-2012)

  • #12
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by ckeyrouz View Post
    I found that the display:block is defined in your html code.



    So replace the display:block with display:none in your html colde.
    Code:
    <div id="controls" style="display: none;">
    Ok, thank you. Where do I find html code. I'm newbie, when I look inside the theme there's php, css and js files, there's no html file....I assume this is normal and the html code is located into another file? right? How can I find it?

  • #13
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,465
    Thanks
    0
    Thanked 634 Times in 624 Posts
    Select "View Source" when viewing the page with a browser.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • Users who have thanked felgall for this post:

    panchoskywalker (03-15-2012)

  • #14
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by felgall View Post
    Select "View Source" when viewing the page with a browser.
    mmm sorry, I know how to select view source, but don't know what to look for then. I mean, it's a wordpress theme. There's no html file.
    Last edited by panchoskywalker; 03-16-2012 at 12:00 AM.

  • #15
    New Coder
    Join Date
    Mar 2012
    Posts
    14
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Well, everything disappeared now, except the things I want to hide.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •