Custom Styles Different on Browsers

  • I am by no means a css/html guru (lord knows my hosting company is probably sick of me calling to restore my site, lol) However I’ve gotten to the point of making a child theme from inkblot after weeks of messing with hundreds of other themes. I’ve been a back up junkie and making sure I don’t have to backtrack with all the changes I’ve made in css. I ended up crashing my laptop and having to reinstall everything – upon doing so I figured lemme just use IE for a bit, though Chrome is my go to. So I was shocked to see all my changes in IE are gone! I jumped on Chrome and they’re there. I’m baffled. I read some of the feeds here, but I’m terrified to go in and make changes to settings in parent without being 10000000% sure of what I’m doing. I did go to parent style.css and saw a bunch of stuff about the layouts for Chrome, IE, Firefox, etc but I’m at a loss. I had this formatting issue when I checked the site from my phone as well, but somehow it fixed itself (or maybe I was just looking at it from Chrome) I dunno. So someone please tell me – how do I keep all the changes made, that appear in Chrome, to so on all browsers correctly? Is there a plug-in I’m missing? Is that was “responsive” means? And to clarify when answering, do I make the changes in the parent or child theme? I am so frustrated – I was hoping to finally launch the site to my “people” this morning, but God only knows what browser they’re using and I don’t want to look like an idiot ?? Help!!!

    https://www.rescuedeveryday.com

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

  • Hey michellespivey,

    I think you should go read through the Documentation on Child Themes. From what I am understanding in your post is that you created a child theme off of inkblot and you are having troubles with your styling.

    From what I can see, everything is the same on the Home page. I suggest you do a hard reload of each browser and clear the browser cache.

    Furthermore, here are some tips:
    1. Always develop locally or using a staging environment.
    2. Incorporate SVN – Github is the easiest.
    3. Try using JointsWP – This is what we use at my workplace as a base theme.
    4. Always refer to WordPress’ Documentation.

    Thread Starter michellespivey

    (@michellespivey)

    I feel like a complete moron here. I’m totally googling all the tips you provided, thank you.

    Hard reload – I’m guessing you’re meaning like delete browsing history? So I did that on IE and when I went back to the site everything was still “off” – my header widget isn’t formatted to fit, side bars are below instead of on the side and that’s really as far as I’ve gotten.

    I’m reading on JointsWP now…

    I so was hoping this wp deal was going to be simple ??

    I have learned that anything pertaining to WordPress is not simple unless you put the time into the theory of how WordPress works. I used to struggle a lot with it until I started reading the books listed on their website.

    https://www.ads-software.com/about/books/

    Thread Starter michellespivey

    (@michellespivey)

    Anthony as much as I hate to say it, I agree with you. I’ve been so frustrated with different things on wp that I had checked into other places like tumblr, blogger, etc but all in all wordpress has such higher “reviews” that I decided to stick it out. I will most certainly use the books link you provided above to learn more – doesn’t look like wp is going anywhere anytime soon ?? so it’s worth my time to invest.

    As far as the browser situation is concerned, I actually did a lot of googling and found that there’s really not much you can “do” about how each browser lays out your website – they do it intentionally for the most part. I ended up switching my theme out to something more “popular” to see how the layout would appear and somehow it’s working across the board. In turn I learned about validating your site and so on and so on.

    So baby steps for now, books you linked, then off to customization world!

    I would suggest you take a look at the base theme my work uses, of course we modified it heavily for our needs but it has a lot of components built in.

    https://jointswp.com/

    The theme above uses Foundation 5 as it’s front end framework, bower for plugin/script management, and gulp for easy building.

    Also, take a look at Github and SVN in general. It is very important for development, almost a necessity really.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Custom Styles Different on Browsers’ is closed to new replies.