[knudkp]

Running latest WP and theme ver on fleksjobbernetvaerket.dk

I use the footer to display some contents.
Two questions:

1) Can I change the background color for the whole footer area, or for each footer area (footer 1,2,3,4) ?

2) Can I change the thickness of the line horizontal line that seperate footer area fro mwhat is above?

thanks
Knud

[Pratik]

Hi @knudkp,

Please try following code in Appearance=> Customize=> Additional CSS box:

#supplementary {
    border-top: 5px solid #eee; /* Increase/decrease 5px tp increase/decrease border length */
}

#first {
    background: #eee; /* Change #eee to desired hex color */
    min-height: 540px;

}
  
#second {
    background:  #ccc;/* Change #ccc to desired hex color */
    min-height: 540px;
}

#third {
    background:  #bbb;/* Change #bbb to desired hex color */
    min-height: 540px;
}

#fourth {
    background:  #aaa;/* Change #aaa to desired hex color */
    min-height: 540px;
}

Let me know how it goes.

Regards,
Pratik

[knudkp]

Pratik,

It did not help at all. Neither in Firefox or IE.

I tried them all together and one bye one.

thx
Knud

[Pratik]

Hi @knudkp,

I have tried the same code in your site and its working fine. Maybe there is some error in your custom css that’s giving the issue. Try removing all your code from Appearance=> Customize=> Additional CSS box and add following code. This is just your code formatted:

.no-sidebar.content-width #main {
    width: 100%;
}
.page .entry-title {
    display: none;
}
@media screen and (min-width: 768px) {
    /* Promotion Message Font Size */
    
    #promotion-message {
        font-size: 15px;
    }
    /* Promotion Headline Font Size */
    
    #promotion-message h2 {
        font-size: 26px;
    }
}
#supplementary .widget {
    padding-top: 0;
    padding-bottom: 0;
}
#promotion-message {
    border: none;
}
#featured-content .entry-excerpt {
    text-align: justify;
}
#promotion-message p {
    color: #151e84;
}
.catchbase-nav-menu #menu-item-2072 .sub-menu .sub-menu {
    margin: -43px 0 0 -249px;
}
.catchbase-nav-menu a {
    padding: 10px 15px;
}
li.tribe-events-list-widget-events {
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 2px !important;
}
#supplementary {
    border-top: 5px solid #eee; /* Increase/decrease 5px tp increase/decrease border length */
}
#first {
    background: #eee; /* Change #eee to desired hex color */
    min-height: 540px;
}
#second {
    background: #ccc; /* Change #ccc to desired hex color */
    min-height: 540px;
}
#third {
    background: #bbb; /* Change #bbb to desired hex color */
    min-height: 540px;
}
#fourth {
    background: #aaa; /* Change #aaa to desired hex color */
    min-height: 540px;
}

If this does not work, please leave the code in and let me know.

Regards,
Pratik

[Author]

Posts