child theme

  • Hello, I’m kind of new to this, but I created a child theme for my responsive theme. I needed to make a few changes like changing text colors and sizes. I copied some short codes into the custom style.css folder under theme options/ style css. My question: I went into the style css page under editor and I see nothing. Now I know how to login to the server and find my style.css files. Should I edit there if the style css codes are not in my dashboard. I’ve seen some tutorials where people have copied them from parent to child theme within the server, then went back to dashboard to edit them. I tried that, and it just screws up the view on my mobile devices. So what should I do if I want to make style changes?

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

  • Hi,

    Yes, you can do changes by logging to your server.

    Download your css file and then make the required modifications to it.

    Upload it back to the server post the changes have been done.

    Thread Starter jenksandartt

    (@jenksandartt)

    also, I figured out how to change the page color, (not background) but when I apply the change, it changes all of my pages to that color. How can I change each individual page color. I went to firebug, right clicked on the page to open inspector, which directed to this code. #wrapper {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    clear: both;
    margin: 20px auto;
    padding: 0 20px 20px;
    position: relative;
    }
    I messed around with code, changing the color, but it changes color to all my pages. (www.honestarttsentertainment.com)

    WordPress automatically gives each page you create a unique page id and uses this id as a class for the <body> element of the corresponding page.

    You can use these unique classes to set the background color of the page #wrapper individually through using descendant selector in your css.

    For example, the resume page has a <body> class of .page-id-116

    The following code will set the background color of your resume page #wrapper to pink:

    .page-id-116 #wrapper {
    background-color: pink;
    }

    You can view the classes for the page’s <body> tag in the html source code in firebug.

    Thread Starter jenksandartt

    (@jenksandartt)

    thank you

    Thread Starter jenksandartt

    (@jenksandartt)

    Hey, I changed each page color. Can you tell me how I can change the color of my text for my contact sheet. It’s where it says your name, your email, subject. I changed the page color, now i want to be able to change the text color of my contact pages.

    .wpcf7-form p {
    color: white;
    }

    Will change the paragraphs of your contact form to white.

    You might also consider learning how to write your own css! It’s fun and useful. Seems like you have a lot of ideas about how you’d like your website to look and could make use of this skill. For beginners, I recommend (free) https://www.w3schools.com/css/css_examples.asp

    Have fun!

    Thread Starter jenksandartt

    (@jenksandartt)

    Thank you so much. You’ve been a great help.

    Thread Starter jenksandartt

    (@jenksandartt)

    How did you know to come up with that code? When High highlighted that text on the contact form, the inspector didn’t have anything like that code. I’ll read the literature that you sent, but I am just curious to how did you figure that out.

    The inspector shows you what already exists. The css selector I wrote “.wpcf7-form p” is a descendant selector. It looks for the html element with the class of “.wpcf7-form” and then finds all of the <p>, or paragraphs, within that html element.

    So I used firebug to look at the already existing classes and html elements and then wrote the css selector to select the elements that you wanted to style.

    You can read more about css selectors here https://www.w3schools.com/cssref/css_selectors.asp

    Thread Starter jenksandartt

    (@jenksandartt)

    thanks for all your help

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘child theme’ is closed to new replies.