Search Results for 'footer'

[Joanne]

Joanne

#266064

I have received a warning from Google on my ‘About’ page – *Login to see link

I think its to with mobile friendly? Can you tell me how to fix it?

I’ve pasted the highlighted part below
Thanks Joanne

alignwide{width:100%}@media (min-width: calc(840px – 48px)){.alignwide{width:calc(100vw – 48px);max-width:calc(100vw – 48px);margin-left:calc(50% – 50vw + 24px);margin-right:calc(50% – 50vw + 24px)}}@media (min-width: calc(2580px)){.alignwide{width:calc(2580px – 48px);max-width:calc(2580px – 48px);margin-left:calc(calc(50% – 2580px / 2) + 24px);margin-right:calc(calc(50% – 2580px / 2) + 24px)}}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% – 50vw);margin-right:calc(50% – 50vw)}.amp-wp-enforced-sizes{max-width:100%;margin:0 auto}html{background:#0a89c0}body{background:#fff;color:#353535;font-family:Georgia,”Times New Roman”,Times,Serif;font-weight:300;line-height:1.75em}p,figure{margin:0 0 1em;padding:0}a,a:visited{color:#0a89c0}a:hover,a:active,a:focus{color:#353535}blockquote{color:#353535;background:rgba(127,127,127,.125);border-left:2px solid #0a89c0;margin:8px 0 24px 0;padding:16px}blockquote p:last-child{margin-bottom:0}.amp-wp-header div,.amp-wp-title,.amp-wp-footer p,.back-to-top{font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,”Roboto”,”Oxygen-Sans”,”Ubuntu”,”Cantarell”,”Helvetica Neue”,sans-serif}.amp-wp-header{background-color:#0a89c0}.amp-wp-header div{color:#fff;font-size:1em;font-weight:400;margin:0 auto;max-width:calc(840px – 32px);padding:.875em 16px;position:relative}.amp-wp-header a{color:#fff;text-decoration:none}.amp-wp-header .amp-wp-site-icon{background-color:#fff;border:1px solid #fff;border-radius:50%;position:absolute;right:18px;top:10px}.amp-wp-article{color:#353535;font-weight:400;margin:1.5em auto;max-width:840px;overflow-wrap:break-word;word-wrap:break-word}.amp-wp-article-header{align-items:center;align-content:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1.5em 16px 0}.amp-wp-title{color:#353535;display:block;flex:1 0 100%;font-weight:900;margin:0 0 .625em;width:100%}.amp-wp-article-featured-image{margin:0 0 1em}.amp-wp-article-featured-image amp-img{margin:0 auto}.amp-wp-article-content{margin:0 16px}.amp-wp-article-content .wp-caption{max-width:100%}.amp-wp-article-content amp-img{margin:0 auto}.amp-wp-article-content amp-img.alignleft{margin:0 16px 1em 0}.wp-caption{padding:0}.wp-caption.alignleft{margin-right:16px}.alignwide,.alignfull{clear:both}.amp-wp-footer{border-top:1px solid #c2c2c2;margin:calc(1.5em – 1px) 0 0}.amp-wp-footer div{margin:0 auto;max-width:calc(840px – 32px);padding:1.25em 16px 1.25em;position:relative}.amp-wp-footer h2{font-size:1em;line-height:1.375em;margin:0 0 .5em}.amp-wp-footer p{color:#696969;font-size:.8em;line-height:1.5em;margin:0 85px 0 0}.amp-wp-footer a{text-decoration:none}.back-to-top{bottom:1.275em;font-size:.8em;font-weight:600;line-height:2em;position:absolute;right:16px}#kt-layout-id_4a5ee2-07{margin-top:-33px;background-image:url(“*Login to see link 48%;background-attachment:scroll;background-repeat:no-repeat}#kt-layout-id_4a5ee2-07 > .kt-row-column-wrap{padding-top:77px;padding-bottom:100px;min-height:500px}#kt-layout-id_4a5ee2-07 > .kt-row-layout-overlay{opacity:.6;background-image:linear-gradient(180deg,var(–global-palette2) 0%,var(–global-palette1) 100%);mix-blend-mode:normal}.wp-block-kadence-advancedheading.kt-adv-heading_8227a7-db[data-kb-block=”kb-adv-heading_8227a7-db”]{text-align:center;font-size:3.5em;line-height:1.5em;color:#fff}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading_8227a7-db[data-kb-block=”kb-adv-heading_8227a7-db”]{font-size:2.8em}}@media all and (min-width: 768px){#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap > .inner-column-1{flex:0 1 65%;-webkit-flex:0 1 65%}#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap > .inner-column-2{flex:0 1 35%;-webkit-flex:0 1 35%}}#kt-layout-id_3fb2c2-3a .kt-row-layout-bottom-sep{height:120px}#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap{padding-top:0px;padding-bottom:2px;max-width:1120px;margin-left:auto;margin-right:auto}#kt-layout-id_3fb2c2-3a > .kt-row-layout-overlay{background-color:var(–global-palette8)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_1f67a8-fe > .kt-inside-inner-col{padding-top:47px;padding-left:20px;padding-right:20px;margin-right:9px;margin-left:0px}.wp-block-kadence-advancedheading.kt-adv-heading_6bd778-24[data-kb-block=”kb-adv-heading_6bd778-24″]{font-size:30px}.kt-btns_5a0089-a5 .kt-button{font-family:Montserrat;font-weight:500}.kt-btns_5a0089-a5 .kt-btn-wrap-0{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button{color:#fff;font-size:18px;background:var(–global-palette2);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_5a0089-a5 .kt-btn-wrap-0{margin-right:14px}}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button{color:#fff;font-size:18px;background:rgba(171,184,195,1);border-color:rgba(171,184,195,1)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:focus{color:#fff;border-color:rgba(49,49,49,1)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:focus{background:rgba(49,49,49,1)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65 > .kt-inside-inner-col{padding-top:101px}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65{text-align:center}@media all and (max-width: 767px){.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65{text-align:center}}@media all and (min-width: 768px){#kt-layout-id_bede86-e6 > .kt-row-column-wrap > .inner-column-1{flex:0 1 25%;-webkit-flex:0 1 25%}#kt-layout-id_bede86-e6 > .kt-row-column-wrap > .inner-column-2{flex:0 1 75%;-webkit-flex:0 1 75%}}#kt-layout-id_bede86-e6 > .kt-row-column-wrap{padding-top:0px;padding-bottom:62px;max-width:1179px;margin-left:auto;margin-right:auto}#kt-layout-id_bede86-e6 > .kt-row-layout-overlay{opacity:0;background-image:linear-gradient(180deg,var(–global-palette9) 0%,var(–global-palette1) 100%)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_2bf645-29 > .kt-inside-inner-col{padding-top:0px;padding-left:20px;padding-right:20px;margin-right:9px;margin-left:0px}.wp-block-kadence-advancedheading.kt-adv-heading_9533cb-35[data-kb-block=”kb-adv-heading_9533cb-35″]{text-align:left;font-size:30px;line-height:50px;font-family:Montserrat;margin-top:1px;margin-bottom:15px}@media all and (min-width: 768px){#kt-layout-id_d304e0-59 > .kt-row-column-wrap > .inner-column-1{flex:0 1 35%;-webkit-flex:0 1 35%}#kt-layout-id_d304e0-59 > .kt-row-column-wrap > .inner-column-2{flex:0 1 65%;-webkit-flex:0 1 65%}}#kt-layout-id_d304e0-59 > .kt-row-column-wrap{padding-top:9px;padding-bottom:83px;max-width:1120px;margin-left:auto;margin-right:auto}.wp-block-kadence-advancedheading.kt-adv-heading_809b85-30[data-kb-block=”kb-adv-heading_809b85-30″]{text-align:left;font-size:30px;line-height:50px;font-family:Montserrat;margin-top:1px;margin-bottom:15px}.kt-btns_16d5ea-58 .kt-button{font-family:Montserrat;font-weight:500}.kt-btns_16d5ea-58 .kt-btn-wrap-0{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button{color:#fff;font-size:18px;background:var(–global-palette2);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_16d5ea-58 .kt-btn-wrap-0{margin-right:14px}}.kt-btns_16d5ea-58 .kt-btn-wrap-1{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button{color:#fff;font-size:18px;background:rgba(136,136,136,1);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_16d5ea-58 .kt-btn-wrap-1{margin-right:0px}}:root:not(#_):not(#_):not(#_):not(#_):not(#_) .amp-wp-7fb5490{border-radius:27px;border-width:2px}:root:not(#_):not(#_):not(#_):not(#_):not(#_) .amp-wp-69f220c{fill:#fff}:root:not(#_):not(#_):not(#_):not(#_):not(#_)
.amp-wp-73148a9{opacity:.4}

[Joanne]

Joanne

#266064

I have received a warning from Google on my ‘About’ page – *Login to see link

I think its to with mobile friendly? Can you tell me how to fix it?

I’ve pasted the highlighted part below
Thanks Joanne

alignwide{width:100%}@media (min-width: calc(840px – 48px)){.alignwide{width:calc(100vw – 48px);max-width:calc(100vw – 48px);margin-left:calc(50% – 50vw + 24px);margin-right:calc(50% – 50vw + 24px)}}@media (min-width: calc(2580px)){.alignwide{width:calc(2580px – 48px);max-width:calc(2580px – 48px);margin-left:calc(calc(50% – 2580px / 2) + 24px);margin-right:calc(calc(50% – 2580px / 2) + 24px)}}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% – 50vw);margin-right:calc(50% – 50vw)}.amp-wp-enforced-sizes{max-width:100%;margin:0 auto}html{background:#0a89c0}body{background:#fff;color:#353535;font-family:Georgia,”Times New Roman”,Times,Serif;font-weight:300;line-height:1.75em}p,figure{margin:0 0 1em;padding:0}a,a:visited{color:#0a89c0}a:hover,a:active,a:focus{color:#353535}blockquote{color:#353535;background:rgba(127,127,127,.125);border-left:2px solid #0a89c0;margin:8px 0 24px 0;padding:16px}blockquote p:last-child{margin-bottom:0}.amp-wp-header div,.amp-wp-title,.amp-wp-footer p,.back-to-top{font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,”Roboto”,”Oxygen-Sans”,”Ubuntu”,”Cantarell”,”Helvetica Neue”,sans-serif}.amp-wp-header{background-color:#0a89c0}.amp-wp-header div{color:#fff;font-size:1em;font-weight:400;margin:0 auto;max-width:calc(840px – 32px);padding:.875em 16px;position:relative}.amp-wp-header a{color:#fff;text-decoration:none}.amp-wp-header .amp-wp-site-icon{background-color:#fff;border:1px solid #fff;border-radius:50%;position:absolute;right:18px;top:10px}.amp-wp-article{color:#353535;font-weight:400;margin:1.5em auto;max-width:840px;overflow-wrap:break-word;word-wrap:break-word}.amp-wp-article-header{align-items:center;align-content:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1.5em 16px 0}.amp-wp-title{color:#353535;display:block;flex:1 0 100%;font-weight:900;margin:0 0 .625em;width:100%}.amp-wp-article-featured-image{margin:0 0 1em}.amp-wp-article-featured-image amp-img{margin:0 auto}.amp-wp-article-content{margin:0 16px}.amp-wp-article-content .wp-caption{max-width:100%}.amp-wp-article-content amp-img{margin:0 auto}.amp-wp-article-content amp-img.alignleft{margin:0 16px 1em 0}.wp-caption{padding:0}.wp-caption.alignleft{margin-right:16px}.alignwide,.alignfull{clear:both}.amp-wp-footer{border-top:1px solid #c2c2c2;margin:calc(1.5em – 1px) 0 0}.amp-wp-footer div{margin:0 auto;max-width:calc(840px – 32px);padding:1.25em 16px 1.25em;position:relative}.amp-wp-footer h2{font-size:1em;line-height:1.375em;margin:0 0 .5em}.amp-wp-footer p{color:#696969;font-size:.8em;line-height:1.5em;margin:0 85px 0 0}.amp-wp-footer a{text-decoration:none}.back-to-top{bottom:1.275em;font-size:.8em;font-weight:600;line-height:2em;position:absolute;right:16px}#kt-layout-id_4a5ee2-07{margin-top:-33px;background-image:url(“*Login to see link 48%;background-attachment:scroll;background-repeat:no-repeat}#kt-layout-id_4a5ee2-07 > .kt-row-column-wrap{padding-top:77px;padding-bottom:100px;min-height:500px}#kt-layout-id_4a5ee2-07 > .kt-row-layout-overlay{opacity:.6;background-image:linear-gradient(180deg,var(–global-palette2) 0%,var(–global-palette1) 100%);mix-blend-mode:normal}.wp-block-kadence-advancedheading.kt-adv-heading_8227a7-db[data-kb-block=”kb-adv-heading_8227a7-db”]{text-align:center;font-size:3.5em;line-height:1.5em;color:#fff}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading_8227a7-db[data-kb-block=”kb-adv-heading_8227a7-db”]{font-size:2.8em}}@media all and (min-width: 768px){#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap > .inner-column-1{flex:0 1 65%;-webkit-flex:0 1 65%}#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap > .inner-column-2{flex:0 1 35%;-webkit-flex:0 1 35%}}#kt-layout-id_3fb2c2-3a .kt-row-layout-bottom-sep{height:120px}#kt-layout-id_3fb2c2-3a > .kt-row-column-wrap{padding-top:0px;padding-bottom:2px;max-width:1120px;margin-left:auto;margin-right:auto}#kt-layout-id_3fb2c2-3a > .kt-row-layout-overlay{background-color:var(–global-palette8)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_1f67a8-fe > .kt-inside-inner-col{padding-top:47px;padding-left:20px;padding-right:20px;margin-right:9px;margin-left:0px}.wp-block-kadence-advancedheading.kt-adv-heading_6bd778-24[data-kb-block=”kb-adv-heading_6bd778-24″]{font-size:30px}.kt-btns_5a0089-a5 .kt-button{font-family:Montserrat;font-weight:500}.kt-btns_5a0089-a5 .kt-btn-wrap-0{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button{color:#fff;font-size:18px;background:var(–global-palette2);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-0 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_5a0089-a5 .kt-btn-wrap-0{margin-right:14px}}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button{color:#fff;font-size:18px;background:rgba(171,184,195,1);border-color:rgba(171,184,195,1)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:focus{color:#fff;border-color:rgba(49,49,49,1)}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_5a0089-a5 .kt-btn-wrap-1 .kt-button:focus{background:rgba(49,49,49,1)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65 > .kt-inside-inner-col{padding-top:101px}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65{text-align:center}@media all and (max-width: 767px){.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_514ad4-65{text-align:center}}@media all and (min-width: 768px){#kt-layout-id_bede86-e6 > .kt-row-column-wrap > .inner-column-1{flex:0 1 25%;-webkit-flex:0 1 25%}#kt-layout-id_bede86-e6 > .kt-row-column-wrap > .inner-column-2{flex:0 1 75%;-webkit-flex:0 1 75%}}#kt-layout-id_bede86-e6 > .kt-row-column-wrap{padding-top:0px;padding-bottom:62px;max-width:1179px;margin-left:auto;margin-right:auto}#kt-layout-id_bede86-e6 > .kt-row-layout-overlay{opacity:0;background-image:linear-gradient(180deg,var(–global-palette9) 0%,var(–global-palette1) 100%)}.kt-row-layout-inner > .kt-row-column-wrap > .kadence-column_2bf645-29 > .kt-inside-inner-col{padding-top:0px;padding-left:20px;padding-right:20px;margin-right:9px;margin-left:0px}.wp-block-kadence-advancedheading.kt-adv-heading_9533cb-35[data-kb-block=”kb-adv-heading_9533cb-35″]{text-align:left;font-size:30px;line-height:50px;font-family:Montserrat;margin-top:1px;margin-bottom:15px}@media all and (min-width: 768px){#kt-layout-id_d304e0-59 > .kt-row-column-wrap > .inner-column-1{flex:0 1 35%;-webkit-flex:0 1 35%}#kt-layout-id_d304e0-59 > .kt-row-column-wrap > .inner-column-2{flex:0 1 65%;-webkit-flex:0 1 65%}}#kt-layout-id_d304e0-59 > .kt-row-column-wrap{padding-top:9px;padding-bottom:83px;max-width:1120px;margin-left:auto;margin-right:auto}.wp-block-kadence-advancedheading.kt-adv-heading_809b85-30[data-kb-block=”kb-adv-heading_809b85-30″]{text-align:left;font-size:30px;line-height:50px;font-family:Montserrat;margin-top:1px;margin-bottom:15px}.kt-btns_16d5ea-58 .kt-button{font-family:Montserrat;font-weight:500}.kt-btns_16d5ea-58 .kt-btn-wrap-0{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button{color:#fff;font-size:18px;background:var(–global-palette2);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-0 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_16d5ea-58 .kt-btn-wrap-0{margin-right:14px}}.kt-btns_16d5ea-58 .kt-btn-wrap-1{margin-right:35px}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button{color:#fff;font-size:18px;background:rgba(136,136,136,1);border-color:var(–global-palette7);box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,.2)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:focus{color:#fff;border-color:var(–global-palette7)}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button::before{display:none}.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:hover,.wp-block-kadence-advancedbtn.kt-btns_16d5ea-58 .kt-btn-wrap-1 .kt-button:focus{background:var(–global-palette1);box-shadow:inset 2px 2px 3px 0px rgba(0,0,0,.4)}@media all and (max-width: 767px){.kt-btns_16d5ea-58 .kt-btn-wrap-1{margin-right:0px}}:root:not(#_):not(#_):not(#_):not(#_):not(#_) .amp-wp-7fb5490{border-radius:27px;border-width:2px}:root:not(#_):not(#_):not(#_):not(#_):not(#_) .amp-wp-69f220c{fill:#fff}:root:not(#_):not(#_):not(#_):not(#_):not(#_)
.amp-wp-73148a9{opacity:.4}

[Alexander Lins]

Alexander Lins

#266049

Hi at Kadence,

How can I align an inline form to the right in the footer? Something just doesn’t add up. The email form is set to 75% and the button to 25%. But instead of the form taking up 100%, there is gap on the right (screenshot 1). The form has been added through a custom html widget (content align right) with a short code from a hocked element.

If the width of the button is set to “Unset” the form aligns to the right (screenshot 2) but then the gap simply is on the left. Is this a bug or am I missing something? Screenshot 3 illustrates my final goal – newsletter inline form aligned to the right. Thanks.

[Alexander Lins]

Alexander Lins

#266049

Hi at Kadence,

How can I align an inline form to the right in the footer? Something just doesn’t add up. The email form is set to 75% and the button to 25%. But instead of the form taking up 100%, there is gap on the right (screenshot 1). The form has been added through a custom html widget (content align right) with a short code from a hocked element.

If the width of the button is set to “Unset” the form aligns to the right (screenshot 2) but then the gap simply is on the left. Is this a bug or am I missing something? Screenshot 3 illustrates my final goal – newsletter inline form aligned to the right. Thanks.

[sigurdur.holm]

sigurdur.holm

#266031

Hi everyone,

I am using a Text Widget in my footer to insert an email address.

There is no “Design” option in widgets.

How can I format the colors and hover effects for links (emails) in the footer?

Thank you.

[sigurdur.holm]

sigurdur.holm

#266031

Hi everyone,

I am using a Text Widget in my footer to insert an email address.

There is no “Design” option in widgets.

How can I format the colors and hover effects for links (emails) in the footer?

Thank you.

[Joanne]

Joanne

#266017

Hi there
I have created a landing page for my website in Kadence Theme. I would like to add my logo to the top of the page (or in the footer) that will take the user back to my home page. I can’t see how to do it. Is it possible?
As a workaround I have put an .svg logo at the top of the page, with a link to the home page but suspect there will be a better way to do it

The page is *Login to see link

Thank you
Joanne

• This topic was modified 4 years, 11 months ago by Joanne.

[Joanne]

Joanne

#266017

Hi there
I have created a landing page for my website in Kadence Theme. I would like to add my logo to the top of the page (or in the footer) that will take the user back to my home page. I can’t see how to do it. Is it possible?
As a workaround I have put an .svg logo at the top of the page, with a link to the home page but suspect there will be a better way to do it

The page is *Login to see link

Thank you
Joanne

• This topic was modified 4 years, 11 months ago by Joanne.

[nedra.rezinas]

nedra.rezinas

#265970

I’ve got a HTML widget in the footer with an <a class="button"> element. The problem is that the CSS for .site-footer .site-top-footer-wrap .site-footer-row-container-inner a is overriding the css for .button, so my button’s text color is wrong — it is the color set by --global-palette1 instead of the color set by --global-palette-btn. I can correct this with custom CSS, but I don’t think I should need to — this seems like an error in the theme’s CSS that should be fixed. Is there something I’m missing?

[nedra.rezinas]

nedra.rezinas

#265970

I’ve got a HTML widget in the footer with an <a class="button"> element. The problem is that the CSS for .site-footer .site-top-footer-wrap .site-footer-row-container-inner a is overriding the css for .button, so my button’s text color is wrong — it is the color set by --global-palette1 instead of the color set by --global-palette-btn. I can correct this with custom CSS, but I don’t think I should need to — this seems like an error in the theme’s CSS that should be fixed. Is there something I’m missing?

[Karla]

Karla

#265950

Hello,

Thank you for reaching out to us.

There is a default style from the theme stylesheet that limits the menu item links to have a max-width of 130px. To override this, add custom CSS in Theme Options > Advanced Settings > Custom CSS:

#containerfooter .menu li a {
    max-width: 100%;
}

Hope this helps.

Regards,
Karla

[DrBanjo Tech]

DrBanjo Tech

#265941

I’m using the 3-column option for the footer. I have menus displaying but they are not showing full width. How can I change this?

*Login to see link

[DrBanjo Tech]

DrBanjo Tech

#265941

I’m using the 3-column option for the footer. I have menus displaying but they are not showing full width. How can I change this?

*Login to see link

[Hannah]

Hannah

#265759

Hey,
Thanks for reaching out! Apologies for the delay. Kadence Theme has some structural schema (filterable) for things like the header, footer, and sidebar. If you want schema that will affect your rich snippets for SEO results that is all done in an SEO plugin like Yoast.
Hope that’s helpful!

Best,
Hannah

[Christine]

Christine

#265702

Hello,
I would like to have a repeating image over the entire background including the header but not the footer.
Can you tell me how to do it on the entire site and also how to do it on just one page?

Thanks

• This topic was modified 4 years, 12 months ago by Christine.

[Christine]

Christine

#265702

Hello,
I would like to have a repeating image over the entire background including the header but not the footer.
Can you tell me how to do it on the entire site and also how to do it on just one page?

Thanks

• This topic was modified 4 years, 12 months ago by Christine.

[Hannah]

Hannah

#265646

Hey Pete,
Thanks for reaching out! You could use css like this:

@media (max-width: 768px) {
.site-middle-footer-inner-wrap.site-footer-row {
    padding: 0 40px;
}
.site-top-footer-inner-wrap {
    padding-right: 40px;
    padding-left: 40px;
}
}

Does that work as you’re wanting?

Kindly,
Hannah

[allison-4694]

allison-4694

#265602

Ok thanks – I was able to quickly build one and apply it to all pages just above the footer, however I’m not sure I understand how this circumvents the form issue since I still need the contact form for the element? The element isn’t showing :/

If it helps, I attached a screenshot of the full block – there’s an image, text, H4, and the form, and NONE of it is showing. I feel like this must be a visibility setting but I’ve check everything and they’re all “showing”

• This reply was modified 4 years, 12 months ago by allison-4694.

[Nomad’s Team]

Nomad’s Team

#265580

Hi Kadence’s Team,

It’s not a very big deal but it seems that Ben forgot to update the code. Could you send a him a reminder?

Thanks,
Estelle

[Pete Lipponen]

Pete Lipponen

#265574

On Kadence Pro Theme the customize Footer gives a lot control but..

I haven’t found a way to ad left and right spacing for the footer content on mobile devices.

I haven’t found a CSS fix after many trials on my site.

Please help…Pete

[Pete Lipponen]

Pete Lipponen

#265574

On Kadence Pro Theme the customize Footer gives a lot control but..

I haven’t found a way to ad left and right spacing for the footer content on mobile devices.

I haven’t found a CSS fix after many trials on my site.

Please help…Pete

[Hannah]

Hannah

#265503

Hi Mary,
It looks like you do not have enough content on your page to push the footer down. Check out this post: https://www.kadencewp.com/knowledge-base/footer-always-at-bottom/
Hope it helps!

Best,
Hannah

[Mary]

Mary

#265473

I am trying to figure out how to ensure the pages display full height as there is a background image that looks odd otherwise.

body {
height: 100vh;
}

I can achieve this, no problem but the trouble I have encountered is that the footer remains in the same placement on the screen. I am sure it’s something simple, but I can’t figure it out. Please help!

*Login to see link

[Mary]

Mary

#265473

I am trying to figure out how to ensure the pages display full height as there is a background image that looks odd otherwise.

body {
height: 100vh;
}

I can achieve this, no problem but the trouble I have encountered is that the footer remains in the same placement on the screen. I am sure it’s something simple, but I can’t figure it out. Please help!

*Login to see link

[Rick]

Rick

#265442

Hi Hannah,

The problems started when I added the Widget for the Social-Media-Icons in the footer. Before everything was fine. Deleting the Widget didn’t solve the problem.

I tried to fix the issue by adding a fixed height in the Slider settings in order to suppress the stretching. But this didn’t solve the problem. But after deleting again the fixed height for the Sliders it somehow came back to normal!

So the problem is fixed!

[admin112]

admin112

#265289

Hi,

Need to switch from the Classic editor to Gutenberg editor.

What are the things to be kept in mind before making the switch? Does the switch affect the website pages, posts or plugins?

I have a running website: *Login to see link and do not possess coding knowledge. Hence, need your help to make this switch.

Few details about the present website setup:
• The homepage has been created using SiteOrigin Page Builder. The other pages and posts have been created using the in-built templates available in Virtue premium.
• 17 plugins are active presently on the website.
• Several Additional CSS added as and when needed (as per the code provided by the Virtue support team)
• Widgets have been used for page sidebar, home widget area and footer

Let me know if you need any further information. I have downloaded a backup of the website.

Thanks
Yogi

[admin112]

admin112

#265289

Hi,

Need to switch from the Classic editor to Gutenberg editor.

What are the things to be kept in mind before making the switch? Does the switch affect the website pages, posts or plugins?

I have a running website: *Login to see link and do not possess coding knowledge. Hence, need your help to make this switch.

Few details about the present website setup:
• The homepage has been created using SiteOrigin Page Builder. The other pages and posts have been created using the in-built templates available in Virtue premium.
• 17 plugins are active presently on the website.
• Several Additional CSS added as and when needed (as per the code provided by the Virtue support team)
• Widgets have been used for page sidebar, home widget area and footer

Let me know if you need any further information. I have downloaded a backup of the website.

Thanks
Yogi

[Hannah]

Hannah

#265193

Hey Dmitry,
You can use this CSS to left align your menu items:

#containerfooter .menu {
    margin: 0;
}

Hope that helps!

Best,
Hannah

[Dmitry]

Dmitry

#265160

Hello.
I use “Navigation menu” widget in footer.
Is there a way to align menu items to the left?
Or maybe align menu name to the menu items?

Regards

[Dmitry]

Dmitry

#265160

Hello.
I use “Navigation menu” widget in footer.
Is there a way to align menu items to the left?
Or maybe align menu name to the menu items?

Regards

[Nomad’s Team]

Nomad’s Team

#265108

Hello Ben,

Thanks for your quick response.

I don’t have any issue with your choice regarding the breakpoints, I know that it’s very complicated to find compromises with gutenberg.

However, I noticed issues in the Kadence CSS styles at 719px and 767px precisely (I set breakpoints in my inspector to check my design at “max mobile vue”, “min tablet vue”, “max tablet vue” and “min desktop vue” – 719px, 720px, 767px, 768px, 1024px and 1025px).

There are few display bugs on my footer at 719px and in the row layout block at 767px because mobile max-width and tablet min-width are set to the exact same value.

For row layout blocks, I would have used 768px for tablets min-width and 767px only for mobiles max-width.

Kindly,
Estelle