Support » Theme: Responsive » Need Css for color change on responsive theme home content box.

  • 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

Viewing 14 replies - 1 through 14 (of 14 total)
  • 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.

    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.

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

    @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.

    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!

    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

    WPyogi

    (@wpyogi)

    Forum Moderator

    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.

    I am not seeing all my .php files either

    what is the difference between
    edit css and editor?

    WPyogi

    (@wpyogi)

    Forum Moderator

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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.

    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

    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 😉

    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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Need Css for color change on responsive theme home content box.’ is closed to new replies.