Problem with color schemes on child theme

Resolved jorgedelsolar
(@jorgedelsolar)

10 years, 5 months ago

Hello!

I’ve been learning a lot of WordPress using Corpo theme, it’s great! But I’m having issues with a couple of things when implementing color schemes on child themes.

First of all, I want to use our corporate colors, so I created a child theme for messing around with files without worrying if the theme gets an update later on. So I edited the stylesheet, footer and header and options files.

When I created the new color scheme I used one of the included on the Corpo theme so I couldn’t miss anything, then changing the hex values of it. After that, I edited the options.php file so the color scheme would be included (as I searched on resolved issues of other people).

Currently I’m having the following issues:

– Hovering on social icons or links on menues or widgets won’t change to the color on the custom scheme I created (and of course activated), it stays on the light grey color.
– Slider color is no longer appearing, like if it were transparent.
– Homepage services went dark grey, not like the color I specified on the color scheme file.

I had a problem editing the hovering color on links, but someone had the same issue and fixed it using My Custom CCS plugin.

The exact files of the child theme directory are:

– ccs directory (Which contains all files except stock color schemes, just the one I created)
– images directory (because without it, social icons won’t show)
– 404.php
– footer.php
– header.php
– options.php
– style.ccs

If I change to another default color scheme everything gets right.

What else I need to edit to get it right working?

Thanks for your kind reply, if needed I’ll provide all info needed.

P.S. I really love your theme 😀

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

Theme Author alex27
(@alex27)

10 years, 5 months ago
It would be helpful if you could post a link to your website. But it seems that your custom css with color scheme is not being loaded at all. This line in functions.php is responsible for loading color scheme css:
```
wp_register_style('color_scheme', get_template_directory_uri() . '/css/color_scheme/'.$color_scheme.'.css');
    wp_enqueue_style('color_scheme');
```
Thread Starter jorgedelsolar
(@jorgedelsolar)

10 years, 5 months ago

Of course, the website I’m in charge is http://incubadora.fumec.org.

Right now I’m using one of the color schemes I edited over (green), the custom color scheme shows some problems as I mentioned before. even if I did it over the original scheme (editing just the colors but preserving the name) the color of the social icons, services and slider isn’t showing properly.

Thanks in advance.

Theme Author alex27
(@alex27)

10 years, 5 months ago

Please clarify – are you using modified color scheme now or one of the originals? I went to see your website and I can’t see any problems with social icons hover, slider, services icons etc.
Thread Starter jorgedelsolar
(@jorgedelsolar)

10 years, 5 months ago
Thanks for your timely support.

Right now I changed to our custom color scheme which is showing the problems addressed before.

The current issues are as follows:

– Hovering on social icons or links on menues or widgets won’t change to the color on the custom scheme I created, it stays on the light grey color.
– Slider color is no longer appearing, like if it were transparent.
– Homepage services went dark grey, not like the color I specified on the color scheme file.

The colors that should been showing are:

– Slider: rgb(46, 49, 146)
– Social icons: #bb1019
– Services: #008540

Here I will put the color scheme code:
```
/* 01. Basic Styles & Typography
================================================== */
    /* #Links */
	a:hover, a:focus { color: #ff2a44; }
    table th { background: #008540; }

/* 03. Header
================================================== */
    #logo  h1 a span{
        color: #008540;
    }
    /* Submenus */
    nav#main-nav ul ul li:hover > a {color:#00ba57;}
    nav#main-nav > ul > li:hover > a { color: #00ba57; }
    nav#main-nav > ul > li.current_page_item > a { color: #00ba57; }
    nav#main-nav > ul > li.current_page_ancestor > a { color: #00ba57; }
    nav#main-nav > ul > li.current-menu-item > a { color: #00ba57; }
    nav#main-nav > ul > li > ul > li:first-child {border-top: 2px solid #00ba57;}
    nav#main-nav > ul > li > ul:before {
        border-bottom: 20px solid #00ba57;
    }    

    /* Social icons */
    a.social-icon:hover { background: #bb1019; }

/* 04.Content
================================================== */
    /* Home Page */
    #services div.widget .icon {color: #008540; }
    .project-nav a:hover { background: #008540; }

    /* Main Slider (Flex Slider) */
    .slides > li h3 { background-color: rgb(46, 49, 146); background-color: rgba(46, 49, 146, 0.8); }
    .flexslider .flex-control-nav li a.flex-active { background-color: rgb(46, 49, 146); background: rgba(46, 49, 146, 0.8); }    

    /* Pagination */
    .wp-pagenavi .current, .wp-pagenavi a:hover { background: #008540; }

/* 05. Sidebar & Widgets
================================================== */
    .widget .tabs li a.current { border-top: 2px solid #008540; }
    .widget_calendar caption { background: #008540; }
    .widget_calendar table td#today { background: #008540; }

/* 06. Footer & Prefooter widget area
================================================== */
    #footer .widget a:hover { color: #00ba57; }
```
I will change back to the last edited color scheme once you reply with your support.

Thank you so much for your attention, it is indeed valuable.
Theme Author alex27
(@alex27)

10 years, 5 months ago

Hello!

I think we’re going about this the wrong, and much too complicated way. Why don’t you just open one of color scheme files, copy the content and paste it to My Custom CSS in admin. Then change the colors, save and that’s it.

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

The topic ‘Problem with color schemes on child theme’ is closed to new replies.