Weird Issues When Changing Background Colors

  • cjknowles17

    (@cjknowles17)


    11 years ago

    So I followed the instructions here:

    This is the code in my Child Theme:
    This code does everything except remove the grey bar above my non-existent slider. The weird thing is when I add the grey bar removal code to the CUSTOM CSS live update, it works… (I will live the code out of the CSS Live update so you can see the error. The grey bar should be gone) https://battleofthedogs.com

    /*
    Theme Name: customizr_child
    Version: 1.0
    Description: A child theme of Customizr
    Template: customizr
    */

    @import url(“../customizr/style.css”);

    /*Change color of white rectangle behind images*/
    .round-div {
    border-color: #C8C8C8; /* Change #C8C8C8 to background-color */
    }

    /* Optional – Remove Grey Bar above Slider */
    .tc-header {
    border-bottom: none;
    }

    Another separate issue is the White Rectangles behind the 3 feature images are gone from browsers, but still show up on mobile?

    And third issue is the red frame around my body should be gone, no? To change the background I changed this:

    background-color: pink ; /* Change pink */
    border: 2px solid red ; /* Delete if no border needed */
    padding: 0 10px 0 20px ;

    to this:

    color: #5A5A5A; /* Default Text Color */
    padding-bottom: 0px;

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

  • About the first issue:
    There’s a problem with your way to comment this code

    /* Change the Navbar background
.navbar-inner {
background-color:   pink;               /* Change pink */
background-image:   linear-gradient(to bottom, pink, pink); /* Change pink */
background-repeat:  repeat-x;
border: 1px solid   pink;               /* Change pink */
border-radius:      4px;
box-shadow:         0 1px 4px rgba(0, 0, 0, 0.067);
}*/

    You open the comment here ” /* Change the Navbar background ” the you close it here ” /* Change pink */ “, basically you can’t those “/* */” comments nest comments.
    Do you want that whole section commented? Then do this:

    /* Change the Navbar background
.navbar-inner {
background-color:   pink;               /* Change pink *//*
background-image:   linear-gradient(to bottom, pink, pink); /* Change pink *//*
background-repeat:  repeat-x;
border: 1px solid   pink;               /* Change pink *//*
border-radius:      4px;
box-shadow:         0 1px 4px rgba(0, 0, 0, 0.067);
}*/

    Or is it just a typo?

    Hope this helps (and sorry for my poor english)

    Thread Starter cjknowles17

    (@cjknowles17)

    Your English was perfect, and no it was not a typo and it makes a lot of sense.

    Thank you for your help.

    ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Weird Issues When Changing Background Colors’ is closed to new replies.