CSS disappearing

  • Resolved tmmslynn

    (@tmmslynn)


    10 years, 7 months ago

    I have been having this issue lately. I use Edit CSS to add some CSS to my site. I don’t have any troubles with it but recently if I add something to it and save stylesheet, the thing I added to it disappears, but it will leave the customization on my site. Here is an example of my site http://www.tmmslynn.com On the left side under my menu you see:

    Previous
    Pause
    Next

    That is not supposed to be there and I can’t get rid of it. I put this in my edit css:

    <ul>
          <li><a class="previous" id="p7HLSrp_1" href="#">Previous</a></li>
          <li><a class="pause" id="p7HLSrpp_1" href="#">Pause</a></li>
          <li><a class="next" id="p7HLSrn_1" href="#">Next</a></li>
        </ul>

    But it disappeared and left the previous, pause, next on my site. I cannot find where it went, or how to get rid of the previous, pause, next text. I was trying to put arrows to advance the ticker text on my horizontal scrolling banner. As you can see I am new to CSS and WordPress.

    Please help.

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Mr Case

    (@mr-case)

    10 years, 7 months ago

    What you wrote is html. It isn’t meant for the css file. The css file will only control the STYLE of the website. If you want to change elements in the DOM you may have to edit one of your theme’s php files.

    you can implement the following in your css file to hide those elements

    #main-wrapper ul {
    display: none;
}

    Because you don’t have a specific id or class associated with the unordered list the above code may have an undesired effect on any other unordered lists within the content of the ‘main-wrapper’ div. so be cautious.

    Mr Case

    (@mr-case)

    10 years, 7 months ago

    This is a little outside the scope of your question, but as a heads up, I also noticed that you do not have the jQuery library loading in your head, and you have several jQuery dependent scripts on your site. Without first loading the jQuery library those scripts may not behave properly and you will forfeit some functionality on your site.

    Thread Starter tmmslynn

    (@tmmslynn)

    10 years, 7 months ago

    thank you very much that worked. But it did get rid of something else. I got rid of my widget on pages. Is there any way around this?

    Mr Case

    (@mr-case)

    10 years, 7 months ago

    I looked again at your code. within that unordered list there are links that DO have their own classes. we can target those like this.

    a.previous,
a.pause,
a.next {
    display: none;
}

    However, if for whatever reason you have any other anchor links with a class name of play, pause, or next…they will also be hidden.

    Thread Starter tmmslynn

    (@tmmslynn)

    10 years, 7 months ago

    Thank you very much the code worked, but it also got rid of my widgets on pages. Is there any way around that? My photo gallery and hit counter are gone with that code.

    Mr Case

    (@mr-case)

    10 years, 7 months ago

    that last bit of code should have just targeted the element you wanted to be rid of.

    Remove the first bit of code that i provided. this:

    #main-wrapper ul {
    display: none;
}

    and replace it with the second bit. this:

    a.previous,
a.pause,
a.next {
    display: none;
}

    i just tested it on the two pages youve mentioned. photo gallery and tthe home page hit counter. and they were ok.

    Thread Starter tmmslynn

    (@tmmslynn)

    10 years, 7 months ago

    That worked!! Thank you!! Now I don’t know what you mean about jquery library. I am new at this and am learning as i go…

    Mr Case

    (@mr-case)

    10 years, 7 months ago

    Javascript is a programming language used commonly with html to control elements on a webpage. jQuery is a name for a javascript library. This library makes coding javascript faster and easier, so many developers use jQuery to write custom scripts that add functionality to a website.

    In order for any custom scripts that have been written using jQuery to work properly, the jQuery library has to be loaded first, or else anything that uses jQuery won’t make sense to the web browser.

    a google search on how to make sure the jQuery library is loading on your wordpress site might help.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘CSS disappearing’ is closed to new replies.