Changing the CSS

Homepage Community Forums Epik Theme Support Changing the CSS

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #4160
    Dave
    Customer

      Is there a recommended way to handle changes to the CSS?

      For example if I make a lot of changes to the main style.css and you release an update what happens then?

      I’m not really used to making direct changes to the theme files, so excuse me if these are novice questions..

      Basically … is there a way I can create an additional CSS file that will overide the main one where I can put all the needed changes?

      Some of these include…

      Changing the logo area size (think I seen the post for this)

      Changing the colour of the portfolio buttons (I can use chrome inspector to help with this)

      Adding a background image to just the slider widget area that is also responsive ie fills the entire slider background and the size adjusts depending on the device/browser size… not quite there with this one so if you can help?

      Thanks!

      Dave

       

      #4179
      Wes
      Moderator

        I’ve asked this same question and different people have different opinions on this. But I think you should separate it by either placing it at the bottom of your css in a “Custom” section, or you could create a new style sheet and link to it from the style.css file. A lot of people just edit their child themes, but that would make it difficult to upgrade if there are a ton of css changes (which doesn’t happen that often). You could take a look at this site to compare differences in code – http://www.diffchecker.com/

        I just did a Google search and came across this post –
        http://www.wp-code.com/wordpress-snippets/wordpress-grandchildren-themes/ …does that sound like something you’d be interested in doing?

        #4210
        Dave
        Customer

          The Grandchild Theme concept sounds great. I understand what it’s doing but I’m lost at the point where he mentions  ‘action being fired’ and the rest about functions isn’t in my understanding… messing with CSS and basic html is about my limit at present,

          Thanks for the diff checker, that could definitely be useful at somepoint…

          Adding to the bottom of the CSS file in a custom section sounds easiest option..

          I can change the background of the slider widget area by uploading a background image via the theme option, however this becomes a site wide background.

          Any idea what CSS I need to use to just place a background image on the home page?

          Cheers!

          #4211
          Wes
          Moderator

            Any idea what CSS I need to use to just place a background image on the home page?

            Just for the homepage, you can add something like this –

            `.home #wrap {
            background: url(images/your-image.jpg);
            }`

            #4244
            Dave
            Customer

              Tried the background change, but it changes the background in all the grey areas on the home page, not just the slider section

              Is there a way to change just the slider widget background?

              #4246
              Dave
              Customer

                ok tried this

                .home #slider { background: url(images/your-image.jpg); }

                 

                seems to work, except had to change this also

                #head-wrap {

                margin: 0 0 0px;

                }

                to stop a big grey line appearing below the header… now the slider content is too far up.. could do with it being 20px lower

                 

                Any ideas?

                #4255
                Wes
                Moderator

                  I would need a link so I can take a look at it.

                Viewing 7 posts - 1 through 7 (of 7 total)
                • You must be logged in to reply to this topic.