Child Theme Modification

Resolved

(@yipiash)

I want to edit the style-curvy-red.css in my child theme. The plugin file is located at mywebsite/wp-content/plugins/ajax-search-lite/css/style-curvy-red.css so I put the edited style-curvy-red.css file in the directory mywebsite/wp-content/themess/mychildtheme/ajax-search-lite/css/style-curvy-red.css.
It did not work. Any better idea?

Btw I want to change these codes:

#ajaxsearchlite1 .probox,
div[id*="ajaxsearchlite"] .probox {
    margin: 0px;
    padding: 8px;
    height: 28px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(222, 100, 100);
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(181, 181, 181) inset;
    border-radius: 30px;
}

#ajaxsearchlite1 .probox,
div[id*="ajaxsearchlite"] .probox {
    margin: 0px;
    padding: 5px;
    height: 28px;
    background-color: #fcfcfc;
    border: 2px solid #aaa;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(181, 181, 181) inset;
    border-radius: 5px;
}

Thank you..

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

Thread Starter Yanur Islam Piash
(@yipiash)

8 years, 11 months ago

I also tried to copy the code directly to my child theme’s style.css file. No luck.
Plugin Author wpdreams
(@wpdreams)

8 years, 11 months ago
Hi!

That will not work unfortunately, plugin styles cannot be automatically loaded, just by moving them to the child theme directory, WordPress cannot recognize that. It needs to be registered via the functions.php and the original stylesheet de-registered as well.

It’s much better and easier to simply use the changes as custom CSS rule, your theme most likely has a custom CSS box, where you can place them.

Basically, by making your rule a bit higher specificity, will make sure that the original gets overridden. Try pasting this changed rule to the theme custom CSS box, and the change should appear:
```
div#ajaxsearchlite1 div.probox,
div[id*="ajaxsearchlite"] div.probox {
    margin: 0px;
    padding: 5px;
    height: 28px;
    background-color: #fcfcfc;
    border: 2px solid #aaa;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(181, 181, 181) inset;
    border-radius: 5px;
}
```
Thread Starter Yanur Islam Piash
(@yipiash)

8 years, 11 months ago

Hi @wpdreams,

Works nice. Thank you 😀

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

The topic ‘Child Theme Modification’ is closed to new replies.

Tags