coolsmurf

I guess it can’t be configured.

awesome as always Tobias! thank you for the fast reply and always the right answer!

thanks tobias for your fast reply. but nothing changes even after i input the code that you stated above with the percentages.

I have managed to resolve the url issue.

For the API, the map appears intermittently.

Thank you so much Tobias. Appreciate the quick support. Everything works now!

I had tried this code previously, but it didn’t work.

.tablepress-id-80 .column-1,
.tablepress-id-80 .column-2,
.tablepress-id-80 .column-3 {
width: 33%;
}

Appreciate your help Andrew Nevins, although I still can’t figure out how to use the browser development tool.

there’s one more imperfection. the boxes appear correct, but they are of different size.

smaller black box
https://creatz3d.com.sg/about-creatz3d/service-highlights/

wider black box
https://creatz3d.com.sg/about-creatz3d/customer-support/

how to make the wider black box of the same size as smaller black box?

almost there!

this particular page has alignment issues on its own.
https://creatz3d.com.sg/product/desktop-metal-studio-system/

how do i include this

.single-product .search-form .search-submit .icon{
color:#fff !important;
}

.search-form .search-submit .icon{
height:18px;
}

in your code to make the search icon white?

Thank you Andrew Nevins. it is almost where it is.

How do i turn the magnifying glass icon white? and how do i make the black box align with the search box?

i added the code to my style.css but nothing changes.

i can’t find bootstrap.css to remove the code.

this is the custom css for the pages with the correct display search box

#layerslider_19{
background-color:#363433;
padding-bottom:30px;
}

.ls-v6 .ls-bottom-nav-wrapper {
top: 0 !important;
}
.panel-content .entry-header{
display:none;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-o-shape-group .vc_tta-tab:last-child:not(:first-child)>a,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-o-shape-group .vc_tta-tab:first-child:not(:last-child)>a{
border-radius:0 !important;
}
.wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-tab {
margin-left: 0 !important;
margin-top: 0 !important;
}
.vc_tta-panel-body .wpb_wrapper,.vc_custom_1505097361974 .wpb_wrapper{
padding: 0 0;
}
.form-enquiry{
padding-left:0;
padding-right:0;
}

/*.vc_custom_1499045775183 .vc_column-inner{
padding-left:-0 !important;
padding-right:0 !important;
}*/

.wpb-js-composer .vc_tta-color-orange.vc_tta-style-modern .vc_tta-tab>a{
min-height:71px;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panels-container {
width:100%;
float:left;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab{
float:left;
}
/*.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body{
padding:0 !important;
}*/
.wpcf7-list-item-label{color:#fff;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panels, .wpb-js-composer .vc_tta.vc_general .vc_tta-panels-container{
overflow:hidden;
}
.entry-content{
margin-top:0;
padding-top: 0 !important;
}

.vc_tta-tab{
width:20%;
}
.wpb-js-composer .vc_tta-color-orange.vc_tta-style-modern .vc_tta-tab>a {
border: 0 !important;
background-color: #000 !important;
color: #fff;
}

.vc_tta-tab.vc_active>a,.vc_tta-tab>a:hover{
color:#ff9402 !important;
}

@media screen and (max-width:767px){
#layerslider_19{
padding-bottom:40px;
}
}

• This reply was modified 6 years, 9 months ago by coolsmurf.

@andrew Nevins Thank you so much. it works. Cheers.

https://pasteboard.co/Hm3Nd5c.jpg

I want the Contact Us link on the right to turn orange like the rest of the links, when my mouse hovers over it.

• This reply was modified 6 years, 9 months ago by coolsmurf.