WordPress.org

Ready to get started?Download WordPress

Forums

Responsive
Need Css for color change on responsive theme home content box. (15 posts)

  1. Moonriseweb
    Member
    Posted 1 year ago #

    My tittle said it all... cant find it in the threads

    Need Css for color change on responsive theme home content box.

    Thanks

    Also:
    here is my site in case I am not clear... I'm talking about needing to change the color of the the big white box!
    http://www.moonriseweb.com

  2. W.P. Ginfo
    Member
    Posted 1 year ago #

    Add the following code to the `style.css' of your CHILDtheme:

    #featured {
        background-color: rgb(2, 255, 255); /*change as required*/
    
    }

    Don't make any changes to a theme itself. Instead make the changes to a childtheme. Should the author of your original theme update the theme, your changes will not be overwritten. Your site with your adaptations will remain intact.

    You don't have a childtheme yet?

    1. Install and activate 'one click childtheme plugin
    2. create the childtheme
    3. activate the childtheme
    4. Make the changes in the CHILDtheme!
    - copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.

  3. W.P. Ginfo
    Member
    Posted 1 year ago #

    BTW:

    About finding out 'which things to change in your site [css / html / php]

    Well it's all a bit like trying to solve a puzzle.
    Fortunately there are good tools for that.
    In your browser: Install / activate webdevelopment add-ons / plugins.

    Recommended: 'Firebug' and 'webdeveloper: http://www.chrispederick.com '
    These tools will show you what's what.
    e.g. right-click > inspect elements > click left bottom arrow-icon
    click item in webpage
    Inspect css on the right
    alter css values to test effect / result
    OK? copy altered css rule
    paste it in the style.css of your childtheme.

    Alternatively:
    Press <F12> a screen will show in the bottom.
    Move the mouse over each line
    The area shows in the top-half
    Press + to unfold parts
    Investigate and alter on the right etc.
    paste it in the style.css of your childtheme.

  4. lucheto
    Member
    Posted 1 year ago #

    The color is in line 1406 of the style.css (background-color:#fff)

  5. W.P. Ginfo
    Member
    Posted 1 year ago #

    @lucheto: Changing the original style.css is a risky idea;
    Use a childtheme to make the changes in:
    Don't make any changes to a theme itself. Instead make the changes to a childtheme. Should the author of your original theme update the theme, your changes will not be overwritten. Your site with your adaptations will remain intact.
    Additional advantage: All changes are grouped in the childtheme, which makes maintenance easier.

  6. Moonriseweb
    Member
    Posted 1 year ago #

    Thanks guys... I have made a child theme... but now when I go to Appearance > Editor I have no files to edit. I see only style.css and rtl.css but there is almost nothing in those boxes.... how do I import these files from my parent?

    I feel like I am a bit over my head hear as I have been using WP only 10 days or so...

    your help is appreciated.

    Thank you!

  7. Moonriseweb
    Member
    Posted 1 year ago #

    Ah... however my original question has been answered thanks!

    I now need to:

    Change Top menu and footer menu font color
    Change my call to action button color
    Change menu shape - move menu to right
    Change widget text color (not tittle)
    fix the missing links to social icons at bottom of page - for some reason they disappeared when I created the childtheme

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, you add only your CSS changes to the style.css file - you can find the pieces of code to add there by using a browser tool such as Firebug. It will show you the CSS for any element - copy that code to the new style.css file and make the desired changes there.

  9. Moonriseweb
    Member
    Posted 1 year ago #

    I am not seeing all my .php files either

    what is the difference between
    edit css and editor?

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    There's good info here: https://getfirebug.com/faq/

    I'm sure there are many YouTube videos as well - Google will no doubt find them for you :).

    EDIT- you evidently changed your post above ? you asked for tutorials? Hence my reply here.

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    Edit CSS is an option given by a plugin named Jetpack. It lets you add your own CSS rules.

    The Editor lets you edit your theme's files in general; i.e PHP files.

  12. W.P. Ginfo
    Member
    Posted 1 year ago #

    Make the changes in the CHILDtheme!
    - copy php files / css-file(s) of the original theme [as required] to the childtheme directory and edit them as required.

    Most wordprocessors also 'polute' / contain hidden 'code' that browsers can't handle well. Use NOTEPAD++ [free] or similar EDITOR [not wordprosessor] to edit css and php. Additional advantage: Link Notepad++ to FTP Filezilla and you can easily edit and re-upload your css and php-files etc.

    http://codex.wordpress.org/Main_Page
    http://codex.wordpress.org/Using_FileZilla
    http://codex.wordpress.org/Getting_Started_with_WordPress
    http://codex.wordpress.org/CSS
    http://codex.wordpress.org/Finding_Your_CSS_Styles
    http://codex.wordpress.org/FAQ_Troubleshooting

  13. lucheto
    Member
    Posted 1 year ago #

    You are right. A child theme is the best option. I just gave the other option because i thought i was easier. Which does not mean is better ;)

  14. danielbecca
    Member
    Posted 1 year ago #

    Hey all,

    I'm adding:

    #featured {

    background-color: #fdf6f9;

    }

    to my child theme and nothing is happening. . Is it possible that I've got code somewhere else in my child theme overriding it? I've looked and don't see any . . .

    The site is here:

    http://66.147.244.166/~philadl8/

    Thanks for your help!
    becca

  15. Andrew
    Forum Moderator
    Posted 1 year ago #

    It's worth creating your own thread to discuss that, Becca.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic