1 Reply Latest reply on Feb 23, 2015 9:55 AM by Nancy OShea

    My CSS changes won't work

    trenholme90

      So this a re-hash of an old question. On my current website, when I make a change to the css the change won't stick. It changes for a split second but as soon as I click away it automatically reverts back. At first, I thought it was a problem with the software but I opened up another site and the changes were working fine. I have checked the link with css stylesheet and its fine ( I think). I'm trying to change the size of the title and the main content box on the index1.css style sheet. I have used a css and html code checker and made the corrections but to no avail. I will post the html on here and provide a link to the site. Thanks in advance. http://www.emmaanddavidswedding.com.

       

      HTML:

       

       

      <!doctype html>

      <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->

      <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->

      <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->

      <!--[if gt IE 8]><!--> <html class="">

      <!--<![endif]-->

      <head>

      <meta charset="UTF-8">

      <meta name="viewport" content="width=device-width, initial-scale=1">

      <title>Untitled Document</title>

      <link href="boilerplate.css" rel="stylesheet" type="text/css">

      <link href="index1.css" rel="stylesheet" type="text/css">

      <!--

      To learn more about the conditional comments around the html tags at the top of the file:

      paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

       

       

      Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):

      * insert the link to your js here

      * remove the link below to the html5shiv

      * add the "no-js" class to the html tags at the top

      * you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build

      -->

      <!--[if lt IE 9]>

      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

      <![endif]-->

      <script src="respond.min.js"></script>

      <script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/alex-brush:n4:default;bilbo:n4:default;patua-one:n4:default;abril -fatface:n4:default;kenia:n4:default.js" type="text/javascript"></script>

      </head>

      <body>

      <!-- TemplateBeginEditable name="EditRegion1" -->

      <div class="gridContainer clearfix">

        <div class="container">

          <div class="menu">

            <ul class="menu ul">

              <li class="menu ul li"><a class="menu ul li a href" href="http://www.emmaanddavidswedding.com">Home</a></li>

              <li class="menu ul li"><a class="menu ul li a href" href="http://www.emmaanddavidswedding.com/accomodation.php">Accomodation</a></li>

              <li class="menu ul li"><a class="menu ul li a href" href="http://www.emmaanddavidswedding.com/getting_there.php">Getting There</a></li>

              <li class="menu ul li"><a class="menu ul li a href" href="http://www.emmaanddavidswedding.com/rsvp.php">RSVP</a></li>

              <li class="menu ul li"><a class="menu ul li a href" href="http://www.emmaanddavidswedding.com/wedding_gifts.php">Wedding Gifts</a></li>

              <li class="menu ul li"><a class="menu ul li a href" href="http://www.emmaanddavidswedding.com/photos.php">Photos</a></li>

            </ul>

          </div>

         

          <div class="title">

            <a class="title a href" href="http://www.emmaanddavidswedding.com">Emma & David's Wedding</a>

          </div>

          <div class="slider">

            <div class="slider_img" id="slider"

          data-cycle-fx="scrollHorz"

                  data-cycle-pause-on-hover="true"

                  data-cycle-speed="1000"

                  > <img src="images/slider1.png"/> <img src="images/slider2.png"/> <img src="images/slider3.png"/> <img src="images/slider4.png"/> <img src="images/slider5.png"/> <img src="images/slider6.png"/> <img src="images/slider7.png"/> </div>

            <div class="slider_text"> Welcome to our wedding website! Several people said it would be useful to

             

              have all the necessary information in one place, so here it is. Please explore

             

              the tabs above for information on accommodation options and how to find

             

              us. For those of you who don’t know the venue, it’s not the easiest to access

             

              so we’ve tried to cover all the bases for you! We’ll also be using this site to

             

              share photos from our wedding day, so watch this space. Please keep

             

              checking this site, as we may add or amend things. We really hope you can

             

              come - so let us know via the RSVP tab. See you there!

              <p>Emma and David x</p>

            </div>

          </div>

          <div class="footer"> COPYRIGHT © 2015 PRIVACY POLICY DESIGNED BY JAMES TRENHOLME</div>

        </div>

        <!-- end of container -->

      </div>

      <script src="jquery-2.1.1.min.js"></script>

      <script src="http://malsup.github.com/jquery.cycle2.js"></script>

      <!-- TemplateEndEditable -->

      <script type="text/javascript">

        $(function() {

        $('#slider').cycle( {

        fx: 'scrollLeft',

        });

       

        });

       

       

       

       

      </script>

      </body>

      </html>