Custom CSS not working

your site is displaying as under maintenance

I was wondering if something in my theme prevents the custom css for making changes in my web?

Try something obvious like:

body {
    border: 10px solid red !important;
}

Hi sorry, I open my website already. So here’s the thing, when I put that code in Mystile > Theme option > General > Custom CSS, it works (my border becomes red). But when I put it in Appearance > Editor > Child theme style.css, it didn’t work?

Now I have deleted both code and the red border is still on?

Currently in my Custom CSS I have this code:

.post img, .type-page img {
border: none !important;
}

#header {
padding: 10px;
margin-top: 10px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}

#navigation {
margin-bottom: 0;
}

#header #logo {
margin-bottom: 0;
}

And what’s the code in your Child Theme style.css file?

/*
Theme Name: Mystile Child
Theme URI: https://example.com/twenty-thirteen-child/
Description: Mystile Child Theme
Author: Cicilia
Author URI: https://example.com
Template: mystile
Version: 1.0.0
*/

@import url(“../mystile/style.css”);

/* =Theme customization starts here
————————————————————– */

This whole child theme thing itself is a mess. I am not really sure I did the right thing. So I am super newbie and I have altered the original Mystile theme. Only few days ago I tried to create a child theme (by using One click child theme plugin) however it didn’t really work. Then my friend (newbie like me but his child theme seems to be working properly) came over and create this current child theme for me. Unfortunately it’s not working in my website.

I found a couple of threads that suggest some tips for those who wants to create a child theme from a modified parent theme but I didn’t understand a bit. And I am worry that everything I have done in this website will be gone if I tried working on it.

So… do you think it’s important to work on the child theme? Can I just use the custom CSS from theme option from now on? And the red border is still there. Thanks so much!

It doesn’t matter which you work on if you’re just making CSS modifications.

I see thanks for answering. Could anyone help with the questions I have? The red border is still there even thou I have deleted this code you asked me to type just now:

body {
border: 10px solid red !important;
}

And I couldn’t figure out how to center the logo and right navigation bar. Thanks before!

Hi there Cicilia,
We just checked your site at https://www.peekmybook.com/ and don’t see the red border you mentioned. If you are still seeing it even after deleting the custom css try deleting you browsers cache and then trying to go to your site again. If this works or if you have any questions feel free to ask.

Wolfy and Brain

Hi so sorry for the trouble, I have tried accessing my web from other browsers and have deleted their caches as well before I mentioned about the red border still existing. I have just restarted my laptop and it’s still there. Oh well it’s confusing but I think it’s fine as long as other visitors can’t see it.

Do I need to post another thread with title relevant to my questions? Because I still have some questions about aligning the logo and navigation bar to center. Please advise, thanks ??

That would probably be best. Make you new thread with your new questions and we will answer as best we can.

Sure thanks ??