• Resolved benetmc

    (@benetmc)


    Hello,

    Sorry if this is a dumb question but I am new to web design and not confident that my child theme is being recognised or if I am doing it all wrong.

    I am not sure if this is possible but I am trying to allocate custom css to a specific page template. Basically I want to lose the white box in the theme and have a slider (Meteor slides) displayed over most of the page. I created a template for this page (full-width-slider-page) and thought that I would be able to set certain rules by adding the following code to my child .css file.

    /* Page structure - change background colour*/
    .full-width-slider-page .site {
    	padding: 0 24px;
    	padding: 0 1.714285714rem;
    	background-color: #001a35 !important;
    }

    This has made no difference to my site.

    Can anyone please tell me if I am going about it wrong or if I have missed something obvious, help really appreciated.
    Ben

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Add this to your Child Theme stylesheet;

    body {
     border: 10px solid red !important;
    }

    Thread Starter benetmc

    (@benetmc)

    Thanks Andrew,

    It made a nice red border around the outside so I at least know that it is working.

    Any ideas on how to apply it to only the specified template?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you want styles applied to particular pages or templates, look at the <body> classes.

    Thread Starter benetmc

    (@benetmc)

    Thanks for your help, I do some reading up on <body> classes.
    Ben

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Not sure if my 2012 child theme is working’ is closed to new replies.