Delete page Title and changing background color from white to black

[janheege]

Good day,

I would like to make two other sides without title and black background, too like my startpage (https://blackwood-watches.com/)

Those two other pages are:
1. https://blackwood-watches.com/black-wood-world/

2. https://blackwood-watches.com/geschichte/

Here is my css code (Iam not sure how to change it, probably page id):

.home #main-container {
background-color: black!important;
}
.forcefullwidth_wrapper_tp_banner {
margin-bottom: 0px!important;
margin-top: 0px!important;
}
.home .page-heading {
display: none;
}
.inner-page-wrap{
margin-top:0px!important;
}
.home .menu-item-4997 {
display: none!important;
}
#header-section .header-menu .menu > li {
font-size: 14px;
}
nav .menu li {
font-size: 15px;
}
#header-section .header-menu .menu > li {
line-height: 200px;
height: 200px;
}
nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a{
color: #d4af37 !important;
}
.woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message{
background: #C1FFC1 !important;
}
#main-navigation ul.menu > li.menu-item-452{
float:right!important;
}
.showcoupon {
color: #000;
font-weight: 600;
}
#header-section .header-menu .menu > li {
color: white;
}
a.cart-contents:before {
content: “\f291”;
font-family: fontAwesome;
margin-right: 10px;
color: white;
}
@media (max-width: 767px) {
body {
padding-right: 0;
padding-left: 0;
}
.page-id-4749 .site {
background: none repeat scroll 0 0 #000000;
}
.forcefullwidth_wrapper_tp_banner {
margin-bottom: 0px!important;
}

[Rui Guerreiro – SUPPORT]

Hi,

the 1st link is returning 404(not found). Can you check?

For the 2nd link try this one.

.page-id-289 #main-container {
background-color: black!important;
}

.page-id-289 .page-heading {
display: none;
}

Just check the id of the page in the 1st link and replace 289 in the code above by that id.

-Rui

[janheege]

Hi,

1st link works now. Sorry for that.

[Rui Guerreiro – SUPPORT]

Like I told you, you just need to repeat the css rules by the page ID(you can see it in the url when you are editing the page)

Replace the previous code by this one:

.page-id-289 #main-container, .page-id-5370 #main-container {
background-color: black!important;
}

.page-id-289 .page-heading, .page-id-5370 .page-heading {
display: none;
}

-Rui

[janheege]

Hi,

I have changed the css code to this one below and it isn’t working. Please fix it and check it if it works:

.page-id-289 #main-container, .page-id-5370 #main-container {
background-color: black!important;
}
.page-id-289 .page-heading, .page-id-5370 .page-heading {
display: none;
}
.forcefullwidth_wrapper_tp_banner {
margin-bottom: 0px!important;
margin-top: 0px!important;
}
.home .page-heading {
display: none;
}
.inner-page-wrap{
margin-top:0px!important;
}
.home .menu-item-4997 {
display: none!important;
}
#header-section .header-menu .menu > li {
font-size: 14px;
}
nav .menu li {
font-size: 15px;
}
#header-section .header-menu .menu > li {
line-height: 200px;
height: 200px;
}
nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a{
color: #d4af37 !important;
}
.woocommerce-page .woocommerce-message, .woocommerce .woocommerce-message{
background: #C1FFC1 !important;
}
#main-navigation ul.menu > li.menu-item-452{
float:right!important;
}
.showcoupon {
color: #000;
font-weight: 600;
}
#header-section .header-menu .menu > li {
color: white;
}
a.cart-contents:before {
content: “\f291”;
font-family: fontAwesome;
margin-right: 10px;
color: white;
}
@media (max-width: 767px) {
body {
padding-right: 0;
padding-left: 0;
}
.page-id-4749 .site {
background: none repeat scroll 0 0 #000000;
}
.forcefullwidth_wrapper_tp_banner {
margin-bottom: 0px!important;
}

[Rui Guerreiro – SUPPORT]

I pasted my suggested code and it’s working fine.

https://www.dropbox.com/s/c1r21u1xmq2vq3t/Screenshot%202017-01-30%2017.44.16.png?dl=0

Clear the browser cache and check again.

-Rui

[janheege]

Hi,

Thanks it works on blackwood-watches.com . Please take a look at sceenshot below. There is one grey number on the left side.. how can we delete them?

I also have posted a second problem about my main menu on my english website (blackwood-watches-en.com)

There I have a problem that the menu isn’t in the correct order. The reason for this is unknow.

Problem with main menu

[David Martin – Support]

Please add a screenshot.

Thanks.