Divi WordPress Theme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix Reply To: Twenty Seventeen Child Style.css has no effect.

Discussion in 'Misc WordPress Requests' started by cbgregoire45, Jan 29, 2018.

  1. cbgregoire45


    Reply To: Twenty Seventeen Child Style.css has no effect., by cbgregoire45

    Replaying to t-p
    Hi t-p,

    I looked the source you mentioned regarding producing child themes. I disappointed to report that the method advocated did not work “completely” for case of twentyseventeen.

    I’m guessing there must be some other css files within the theme that some how override the child’s style.css whereas when one puts this same css in the css customizer the code works.

    Anyways after I cut and pasted the functions.php code recommended as follows some of my css worked but unfortunately not all of it…in fact most of it did not work. Here is the code for my functions.php file (right from the appearance editor):

    add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ );
    function my_theme_enqueue_styles() {

    $parent_style = ‘twentyseventeen-style’; // This is ‘twentyfifteen-style’ for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . ‘/style.css’ );
    wp_enqueue_style( ‘child-style’,
    get_stylesheet_directory_uri() . ‘/style.css’,
    array( $parent_style ),

    Any further advise on how the child’s style.css file can have a more complete impact on the twentyseventeen parent’s format would be appreciated. For now it seems the child theme strategy does not work as far as fully impacting the site’s css. The only thing that seems to work is css directly in the customizer.


    Also here is my child theme’s css:
    Theme Name: twentyseventeen-child
    Description: Use to customize the chtrava.com site
    Author: cbg9945
    Template: twentyseventeen

    (optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)

    /* to change the background color of the top menu */
    .navigation-top {
    background-color: #EBEBEB !important;

    /* controls the background color of the content area and footer of the site */
    .site-content-contain {
    background-color: #ffe680

    /* This undoes the Uppercase transformation of the Site Title */
    .site-title {
    text-transform: none;
    text-shadow: 2px 2px black;

    /* Controles background and text color of the journal page navigation links */
    .mynav {
    background-color: #ebebeb;
    color: darkblue;

    /* This makes the blog’s h5 headings proper case and black */
    h5 {
    text-transform: none;
    color: black;
    /* To make the photo caption text darker and more visible */
    .wp-caption-text {
    color: black;
    font-size: 18px;
    font-style: bold;
    font-family: time new roman;

    /* To make the background of the caption text the same as the image border. Note that the image border is added and controled via a plugin */
    .wp-caption {
    background-color: #ebebeb;

    /* This controls the text format of the footer text */
    h2.widget-title {
    text-transform: none;
    font-size: 17px;
    font-family: times new roman;

    /* This takes care of removing the uppercase of the page title */
    .page-title {
    text-transform: none;

    /* center aligns the photo captions */
    .wp-caption .wp-caption-text {
    text-align: center;

    /* This lines prevents converting the Page Title to all Uppercase */
    .page .entry-title {
    /*display: none !important;*/
    text-transform: none !important;

    /* This line takes care of the Spacing between the Page Title and the first row of content */
    .page.page-one-column .entry-header,
    .twentyseventeen-front-page.page-one-column .entry-header,
    .archive.page-one-column:not(.has-sidebar) .page-header,
    .panel-content .entry-header {
    margin-bottom: 5px;

    /* This line takes care of the non-Home page’s Page title spacing down from the navigation bar */
    #content {
    padding-top: 5px !important;

    /* This line takes care the Home page’s Page title spacing down from the navigation bar */
    .panel-content .wrap {
    padding-top: 5px;

    .site-info {
    display: none;

    /* Turns off the WordPress banner at the bottom of the page */

    /* Turns off the date and author in the blog posting */
    .entry-meta {
    display: none;

    @media screen and (min-width: 48em) {
    .entry-content {
    max-width: 1100px;
    #main .wrap {
    max-width: 1100px

    Reply To: Twenty Seventeen Child Style.css has no effect.

Share This Page

Monarch Social Sharing Plugin