Child Theme style.css not working

Hi
I have added the following to the child theme and they are not working

/*
Theme Name: Msocial Child
Theme URI: http://www.gavick.com
Description: Child theme for the Msocial theme
Author: GavickPro
Author URI: http://www.gavick.com
Template: Msocial
Version: 1.0
*/
@import url("../Msocial/style.css");
/*What's New Box*/
#buddypress form#whats-new-form #whats-new-options select {
margin-top: 05px;
}
#buddypress #whats-new:focus {
border-color: rgba(186, 61, 42, 0.9) !important;
outline-color: rgba(186, 61, 42, 0.9);
}


It appears that what ever I put in the style.css does not activate. I tried also

a.cssLogo {
background: transparent url('../images/Sharing-stories-headerlogo.png') no-repeat 0 0;
height:75px;
width: 354px;
margin-bottom: 15px;
}

This didn't work either so I put it into the override.css

The site is a devsite http://siteshackdevsites.info/ssstaging/


Thanks
Danny

I have updated the sheet and deleted Theme URI: http://www.gavick.com as apparently Theme URI it is not required. The only thing I would add is that the site is currently sitting on a subdomain.

Below is an example of a working child theme on the same site. This style sheet works fine. A little observation here is that the theme folders do not have any capital letters.

/*
Theme Name: The7child
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself. You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
@import url("../dt-the7/style.css");

a.bp-title-button {
background: #fff;
border: 1px solid #ccc;
color: #777;
font-size: .9rem;
cursor: pointer;
outline: none;
padding: 4px 10px;
text-align: center;
text-decoration: none;
}
/*What's New Box*/
#buddypress form#whats-new-form textarea {
background: #fff;
color: #555;
font-family: inherit;
font-size: 90%;
height: 20px;
padding: 6px;
width: 100%;
}
#buddypress #whats-new:focus {
border-color: rgba(186, 61, 42, 0.9) !important;
outline-color: rgba(186, 61, 42, 0.9);
}
/*Show Box*/
#buddypress div.item-list-tabs#subnav ul li.last {
margin-top: 0px;
margin-bottom: 4px;
}
/*Search Box*/
#buddypress div.dir-search {
float: right;
margin: -31px 0 0 0;
}
/*Tab Bars and Notices*/
#buddypress div.item-list-tabs {
background: transparent;
clear: left;
overflow: hidden;
background-color: blanchedalmond;
}
#buddypress .activity-header {
margin-right: 20px;
background-color: blanchedalmond;
}
#buddypress .activity-header a, #buddypress .comment-meta a, #buddypress .acomment-meta a {
text-decoration: none;
padding-left: 15px;
}
/*Avatar Size*/
#main-area-wrap .comment-author img.avatar {
background: none repeat scroll 0 0 #EDEDED;
border: 1px solid #DBDBDB;
float: left;
height: 30px!important; /* You can change this value */
padding: 5px;
width: 50px!important; /* You can change this value */
}
/*Groups RegForm*/
#registration-groups-section {
float: left;
width: 98%;
}
/*Activity Image Centering*/
body .rtmedia-container .rtmedia-list .rtmedia-list-item, body .rtmedia-activity-container .rtmedia-list .rtmedia-list-item, body #buddypress div.rtmedia-activity-container .rtmedia-list .rtmedia-list-item { width: 100%; }
body #buddypress div.rtmedia-activity-container ul.rtmedia-list li .rtmedia-item-thumbnail { margin: 0 auto; }


All these alterations work on the other theme.

Hello,

You are importing style.css parent theme file, but in our themes this file is only for info - css styles are located in css directory, so you should create css directory in your child theme, copy and edit css files (you can also use css/override.css file).

https://www.gavick.com/documentation/wo ... ld-themes/

Ok Many many Thanks

But why put a style.css file in your Msocial-Child theme that comes with the quick start ?

Do you have to disable override.css in the template advanced settings?

The override file is not ovewritten by an update?

Thanks
Danny

style.css in Msocial-Child is necessary for the name, description etc. visible in Dashboard -> Appearance -> Themes.

Override.css is disabled by default, because not overyone use this file, so then it's not necessary to load it., this file is a good solution to override other styles - before theme update you should backup only this one file and update others.

If you are using Child-themes you can just override every file from parent theme, and then there's no problem at all during theme update.

Yep
Thanks

Just last question on this - is it best just to put the whole css folder and files in the child and edit as required or just include the edited files and edited parts of each file. I say this because if I put everything in the child is it going to load a whole lot of extra css files

Thanks
Danny

No, if you'll copy all css into child theme, only these css from child will be loaded, but it's better to copy only files which you want to change.

Thanks