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