8 September 2021

How to Change the Colour Of Your Address Bar to Match Your Website

Share:

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#7545FE !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #7545FE !important; border-color: #7545FE !important; } .text-primary, .filters_col .distance span { color: #7545FE !important; } .btn-outline-primary { color: #7545FE !important; border-color: #7545FE !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #7545FE !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #7545FE!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#111111 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #111111 !important; border-color: #111111 !important; } .text-secondary { color: #111111 !important; } .text-secondary a { color: #111111 !important; } .btn-outline-secondary { color: #111111 !important; border-color: #111111 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #111111 !important; background-color: #111111 !important; } /* browser bar color change */  <meta name="theme-color" content="#12584C" />  <meta name="theme-color" content="#12584C">  <meta name="msapplication-navbutton-color" content="#12584C">  <meta name="apple-mobile-web-app-status-bar-style" content="#12584C"> /* body background override */ .bg-light {background: #F1F0F7 !important;} /* body container override */ .container, .container-lg, .container-md, .container-sm {max-width: 1200px !important;} .container {max-width: 1200px !important; padding-left: 0px !important; padding-right: 0px !important;} /*body container height override */ .mt-5, .my-5 {margin-top: 0 !Important;} /* body text colour override */ section {color: #2D2738;} .btn-secondary, .btn-secondary:hover, .btn-secondary:focus {color: #fff !important;} /******account page override *******/ .elementor-kit-5 a {color: #2D2738;} .elementor-kit-5 a:hover {color: #F1F0F7;} #page-content-wrapper > div.container.my-sm-4 > div.card-mobile-transparent.p-3.mb-4.mobile-negative-margin-x > nav > ul > li.hide-mobile.hide-ipad.ml-auto > a {color: #222 !important;} #page-content-wrapper > div.container.my-sm-4 > div.card-mobile-transparent.p-3.mb-4.mobile-negative-margin-x > nav > ul > li.ml-auto.ml-lg-2.ml-xl-2 > a > span:hover {color: #F1F0F7 !important;} [data-ppt-btn]:not(.shadow-0) {background: #ff7ce6 !important; border: none !important; box-shadow: none !important; border-radius: 4px !important;} [data-ppt-btn]:not(.shadow-0):hover {background: #2D2738 !important;} /* button colour override */ .btn-primary, .btn-primary:hover {background-color: #F1F0F7 !important; border: none; font-weight: bold; font-family: "Proxima Nova Regular", Sans-serif !important;} /* post modal override */ .ppt-modal-wrap {color: #2D2738 !important;} /* popup notification override */ [data-ppt-btn].btn-orange, [data-ppt-btn].btn-warning {background-color: #F1F0F7; } body > div.ppt-modal-wrap.show.modal-notice-new-notify.modal-bottom-right > div.ppt-modal-item.ppt-animate-bouncein.w-500 > div > div > div > div > div.hide-mobile > div > div > svg {color: #F1F0F7;} [data-ppt-btn].btn-primary, [data-ppt-btn].btn-secondary, [data-ppt-btn].btn-dark, [data-ppt-btn].btn-light, [data-ppt-btn].btn-system, [data-ppt-btn].btn-success, [data-ppt-btn].btn-danger, [data-ppt-btn].btn-orange, [data-ppt-btn].btn-warning {border: none;} /* alerts box override */ .text-warning {color: #F1F0F7 !important;} .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {background-color: #F1F0F7;} /* projects page min height fix */ #ajax-search-output {min-height: 0px;} .button-new {background-color: #F1F0F7;} .badge-primary {background-color: #444 !important; color: #fff !important;} /* search filter sidebar on projects*/ .elementor-kit-5 button {background-color: #fff;} /* sidebar slider on projects*/ .irs-bar {background-color: #F1F0F7 !important;} /*location button sidebar on projects */ #page-content-wrapper > section > div > div > div.col-md-12.col-lg-3 > aside > div > div > div.card.card-filter.filter-tax_country > div.filter-content.filter-toggle-tax_country > div:nth-child(2) > button {width: 100%; border-radius: 4px; background-color: #F1F0F7; color: #fff !important;} /* post project page */ .ppt-lazy-img-8888.visible {background-image: url("https://ele.market/wp-content/uploads/2023/12/elementor-skew.png") !important;} .bg-secondary, .bg-secondary:hover {background: #F1F0F7 !important;} /* post project badge override */ .ppt-badges ._badge {border: none !important; box-shadow: none !important;} .cardbox i {color: #F1F0F7!important;} .btn-secondary, .btn-secondary:hover, .btn-secondary:focus {background: #F1F0F7 !important; border-radius: 8px !important; color: #fff !important;} btn-secondary, .btn-secondary:hover {color: #fff !important;} .steps-box .number-box {border-radius: 8px !important;} .card-sidebar-filters .filter-distance .tax_wrapper > div.on, .card-sidebar-filters .filter-date_added .tax_wrapper > div.on, .card-sidebar-filters .filter-sold .tax_wrapper > div.on, .card-sidebar-filters .filter-deliver .tax_wrapper > div.on, .card-sidebar-filters .filter-lastused .tax_wrapper > div.on, .card-sidebar-filters .filter-comments .tax_wrapper > div.on, .card-sidebar-filters .filter-ends .tax_wrapper > div.on {background-color: #F1F0F7 !important; color: #222 !important;} /* breadcrumb override */ [ppt-nav].spacing > ul > li {padding-left: 0px !important; padding-right: 32px !important;} body:not(.rtl) [ppt-nav].seperator > ul > li:after {right: 16px !important;} [ppt-nav] > ul > li a:hover {color: #F1F0F7 !important;} /* post project description page */ .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { border-color: #F1F0F7 !important; background-color: #F1F0F7 !important;} /* post project details page */ .ppt-forms .input-group-text {background-color: #F1F0F7 !important;} /*post archive icon override */ .text-primary {color: #F1F0F7 !important;} /*copy/share link button override */ body:not(.rtl) .text-center {border-radius: 4px !important;} /******* sign up page override *******/ .ppt-forms h1 {font-weight: bold !important;} .ppt-forms h1:not(.title):after {display: none;} #ppt-register > div > div > div > div > div > div.ppt-reg-form > div.form-block.block4 > div > div.small.mt-4.termsbox > label > div > a {color: #F1F0F7 !important; } /******* popups *******/ .ppt-modal-shadow {box-shadow: none !important;} .card-popup-content, .ppt-shape-curve {background: none !important;} .shadow-sm {box-shadow: none !important;} /******* mobile job grid images override*******/ #ajax-search-output > div.row > div > div.show-mobile > div > a > div {width: 100% !important;} #page-content-wrapper > div.elementor.elementor-4262 > section.elementor-section.elementor-top-section.elementor-element.elementor-element-1acf656.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-55e7768.elementor-widget.elementor-widget-ppt-listings > div > section > div > div > div.show-mobile > div > a > div {width: 100% !important;} /******popup override ******/ body > div.ppt-modal-wrap.show.modal-login.modal-bottom-rightxxx > div.ppt-modal-item.ppt-animate-bouncein.bg-white.w-500 > div.ppt-modal-container > div.px-4.pb-4 {padding-top: 24px !important;} /******reset password******/ .bg-dark {display: none !important;} .btn-danger { color: #222; background-color: #ff7ce6 !important; border-color: #ff7ce6 !important; } .fs-lg.text-600.mb-2.hide-mobile { font-family: 'Playfair Display' !important; } a.btn-xs.btn-system { padding: 10px 15px; } a.btn-xs.btn-system:hover { color: white !important; } a.btn-secondary span { font-weight: 700; } h2.text-600.mb-3,.fs-lg.text-600.mb-4,.fs-lg.text-600.mb-2 { font-family: 'Playfair Display' !important; } .price-table-style-7 .primary-button { font-weight: 700; text-transform: capitalize !important; background: #ff7ce6 !important; text-decoration: none !important; } .card-body h1 { font-family: 'Playfair Display' !important; } .listing_type-template-default.single-listing_type a.btn-primary.list.mt-2.btn-block { color: #222 !important; } a.btn-primary.list.mt-2.btn-block {} .listing_type-template-default.single-listing_type ._badge { color:#222 !important; } .listing_type-template-default.single-listing_type i.fal.fa.fa-trophy:before { color:#222 !important; } .listing_type-template-default.single-listing_type .btn-primary{ color:#222 !important; } .ppt-price-set{ color:#ff7ce6 !important; } .d-flex.btn-success.text-600 { color: #222; } a.btn-primary.btn-block { color: #222 !important; } button#savemydetailsbutton { color: #222; } button.btn-primary.mt-3.btn-block { color: #222; }

How to Change the Colour Of Your Address Bar to Match Your Website

Share:

Related Posts

Do you need a website in 2024? Probably.

How to add Dots (Elipses) to Posts in Elementor

How to Change the Colour Of Your Address Bar to Match Your Website

Popular Categories

Helpful Links

Connect With Us