XF 2.1 Ads skin resizes my homepage

Sort by date Sort by votes
I take it the skin is via a 3rd party script?

If so you will need to get them to look into it because either their script or one of their clients has performance issues
 
Upvote 0 Downvote
Then you would have to resize the logo or the advertising width. Or choose another location.

The latter might be the best option. IMO you already have wayyyy to many ads at the top already.
 
Upvote 0 Downvote
Ozzy47 said:
Then you would have to resize the logo or the advertising width. Or choose another location.

The latter might be the best option. IMO you already have wayyyy to many ads at the top already.
Click to expand...
But is there a way to block the header width and not let it resize when the skin is added?
 
Upvote 0 Downvote
Ozzy47 said:
Your trying to cram way to much stuff in a little bit of space.
Click to expand...
ok, so I have uploaded a smaller logo of 250px, but there is something in the css that makes it bigger
Can you help me identify it?

CSS: 
/* Forum read & unread icons */
.node--forum.node--read .node-icon i:before{content: url(https://interfans.org/immagini/icon-read.png);}
.node--forum.node--unread .node-icon i:before{content: url(https://www.interfans.org/immagini/icon-unread.png);}




.subNodeLink.subNodeLink--forum::before, .subNodeLink.subNodeLink--category::before {display: none}




.node--forum.node--read .node-icon {padding-right:40px; width: 25px;}
.node--forum.node--unread .node-icon {padding-right:40px; width: 25px;}




/**********/

/* Coloured Node Categories */
.block.block--category.block .block-header {
 background-repeat: repeat-y;
    background-color: #000000;
    color: #ffffff;
    border-bottom: 3px solid #A29161;
}
/**********/

/* Links in posts */
a.link
{
    color: #0026FF;
    font-weight: bold;
    text-decoration: underline;
}
.message-cell.message-cell--user, .message-cell.message-cell--action
{
background: #EDEAEA;
}
/* fix smilies issue */
.smilie--sprite {
    background-size: 22px !important;
}

/* link color */
.p-breadcrumbs a {
    color: white;
}

/* sidebar block title */
.block-minorHeader  {
    color: #ffffff;
    text-decoration: none;
    background-color: black;
    padding-left: 5px;
    padding-right: 3px;
    display: block;
    border-bottom: 3px solid #173874;
}

#Skinxcpciu1  {
    margin-top: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    background-color: black;
    line-height: 0.1;
}

#DSKInterstitialnoForumxcpciu18 {
    margin-top: 0px;
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    background-color: black;
    line-height: 0.1;
}


/* custom notice background */
.custom-notice
{background:    #ffc060;
color:#000000}
.custom-notice a
{color:#111c4e; font-weight: bold;}

.qc-cmp-persistent-link{
    visibility:hidden;
}



.p-nav {
    color: #FFF;
    background: #0a65aa;
}
.p-navEl a{
    font-weight: bold;
    
}
.p-nav-list .p-navEl-link, .p-nav-list .p-navEl-splitTrigger {
    padding-top: 15px;
    padding-bottom: 15px;
}
.p-breadcrumbs a {
    color: #131313;
    font-weight: normal !important;
}

.node--depth2:nth-child(even) .node-body {
    background-color: #F9F9F9;
}

.p-sectionLinks {
    font-size: 13px;
    color: #fafbfd;
    background: #155691;
    border-bottom: 1px solid #155691;
    font-weight: normal;
}
.p-sectionLinks-list .p-navEl-link, .p-sectionLinks-list .p-navEl-splitTrigger {
    font-weight: normal;
}
.p-nav-list .p-navEl.is-selected {
    color: #ffffff;
    background: #155691;
 }

.p-pageWrapper {
     background: #F6F6F6;
 }
.p-title-value {
    color: #000;
}
.block-header a {
    color: #b89256;
    text-transform: uppercase;
    font-size:18px;
}
.block-container:not(.block-container--noStripRadius) > :first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius) > .block-body:first-child > .blockLink:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.block-header {
    padding: 10px 15px;}
.node-title{
    font-weight:bold
}
.block.block--category.block .block-header, .block-minorHeader, .block-header {
     border-bottom: 4px solid #0a65aa;
}

.block-header, .block-tabHeader{
    background:#000000;
}
.message-userBanner.userBanner {
    background: #0a65aa;
    padding: 5px;
    border-radius: 5px;
    color: #FFF;
    border: solid 1px #0a65aa;
}

.tabs--standalone .tabs-tab.is-active {
    color: #0a65aa;
    border-color: #0a65aa;
}

.tabs--standalone{
    color:#8a8a8a;
}

.message-cell.message-cell--user {
    flex: 0 0 250px;
}

.custom-message-userExtras {
    margin-top: 3px;
    font-size: 12px;
    color: #000;
    background: #c0c0c0;
    padding: 5px;
     border: solid 1px #c0c0c0;
    border-radius: 5px;
}
.pairs > dt{
    color:#000;
}



.p-header-logo.p-header-logo--image img { max-width: 100%!important;}



.button, a.button {
    border-radius: 3px;
    line-height: 30px;
    font-weight: 600;
    padding: 5px 20px;
    
}
.block-minorHeader {
    padding: 10px 15px;
     font-weight: 600;
    font-size: 18px;
    color: #b89256 !important;
}
.p-footer a {
    color: #9F9F9F;
    font-weight: 400;
}
.footer_custom_link, .footer_web_links, .footer_contact{
    width:20%;
    float: left;
    padding:0px 10px 0px 0px
    }
.footer_wc{
    width:40%;
    float: left;
    padding:0px 10px 0px 0px
    }
.customSection {
    width: 100%;
    display: block;
    float: left;
    padding-bottom: 25px;
    padding-top: 25px;
}
.customSection h3 {
    color: #b89256;
    font-size: 16px;
    border-bottom: solid 1px #0a65aa;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px;
}
.customSection h3:after {
    position: absolute;
    content: '';
    background-color: #0a65aa;
    height: 4px;
    width: 50px;
    left: 0px;
    bottom: 0px;
}
.customSection p {
    font-size: 15px;
    line-height: 22px;
    color: #a7a7a7;
}
.footer_custom_link ul, .footer_web_links ul, .footer_contact ul{
    margin:0px;
    padding:0px;
}
.footer_custom_link ul li, .footer_web_links ul li, .footer_contact ul li{
    list-style: none;
    line-height: 22px;

}
.footer_contact ul li i{
    padding-right:10px;
}
.p-footer-linkList {
    list-style: none;
    margin: 0;
    padding: 7px 10px;
    background-color: #3c3c3c;
    border-radius: 5px;
    float: left;
}
.p-footer-row-opposite {
    display: none;
}
.p-navgroup-link--logIn {
    border-radius: 5px;
    background-color: #b89256;
        line-height: 26px;
        padding: 8px 15px;
        font-weight: 600;
}
.p-navgroup-link--search{
     line-height: 26px;
        font-weight: 600;
}
.p-nav-opposite {
      margin-bottom: 4px;
}
.p-navgroup {
       background: transparent;
   }
.p-navgroup-link--register {
    background-color: #000;
    border-radius: 5px;
    margin-left: 5px;
        line-height: 26px;
        padding: 8px 15px;
        font-weight: 600;
}
.p-navgroup-link--search .p-navgroup-linkText{
    display:none;
}
.p-footer a:hover { color:#B89256}
.template-thread_view .pairs, .template-conversation_view .pairs {
    flex: 1;
    margin: 4px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);
    padding: 4px;
    text-align: center;
}
.p-body-sidebar .pairs {
    background: transparent;
    box-shadow: none;
    color: #8c8c8c;
    margin: 0px;
    padding: 0px;
}

.p-body-sidebar .pairs > dt {
    color: #000 !important;
    font-size: 14px !important;
}
.template-thread_view .tabPanes .pairs, .template-conversation_view .tabPanes .pairs {
        margin: 0px;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    text-align: center;
}

.block-outer-opposite .button, a.button {
    border-radius: 3px;
    line-height: 30px;
    font-weight: 600;
    padding: 5px 10px;
}
.block-outer-opposite .button.button--link, a.button.button--link {

    color: #0a65aa;

}
.message-userTitle {
 
    color: #0a65aa !important
}
.p-footer-inner .pairs {
    flex: 1;
    margin: 0px;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    text-align: center;
    color:#FFF
}
.p-footer-inner .pairs > dt {
    color: #FFF !important;
    font-size: 14px !important;
}


.template-thread_view .tabPanes .pairs>dt, .template-conversation_view .tabPanes .pairs>dt  {
    color: #000;
    font-size: 13px;
}

.template-thread_view .pairs>dt, .template-conversation_view .pairs>dt {
    color: #082552;
    font-size: 17px;
}
.template-thread_view .pairs>dt:after, .template-conversation_view .pairs>dt:after {
    display:none
}
.template-thread_view .pairs.custom-pairs--justified>dt, .template-conversation_view .pairs.custom-pairs--justified>dt {
    float: left;
    max-width: 100%;
    margin-right: 0px;
    text-align: center;
    width: 100%;
    position: relative;
    height: 20px;
}
.template-thread_view .pairs.custom-pairs--justified>dd, .template-conversation_view .pairs.custom-pairs--justified>dd {
    float: left;
    text-align: center;
    max-width: 100%;
    font-size: 14px;
    width: 100%;
    font-weight: 600;
}

.template-thread_view .custom-message-userExtras, .template-conversation_view .custom-message-userExtras {
    display: flex;
    margin: 10px auto;
    max-width: 100%;
    background: transparent;
    padding: 0px;
    border: 0px;
}

.custom-dl-pairs--justified{
    margin-top: 0px;
    float: left;
    width: 46%;
}

.button.button--scroll, a.button.button--scroll {
    background: rgb(10, 101, 170);
    padding: 5px 8px;
    box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.25);
    border:none;
}
.actionBar-action {

    color: #0a65aa;
}
.block-outer-opposite .button.button--link:hover, a.button.button--link:hover {
    color: #FFF;
}
.fauxBlockLink .fauxBlockLink-blockLink {
    position: static;
    color: #0a65aa;
}


/********* pFooter Stats ********/
.p-footer-stats {
    background: #155591;
}

.p-footer-stats .pairs>dt:after{
    display:none
}
.p-footer-stats .p-footer-stats-inner {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
        max-width: 1200px;
    padding: 30px 0;
    text-align: center;
}
.node--unread .node-title a{
    font-weight: 700;
    color: #0a65aa;
}
.node-extra-row .node-extra-title, .username {
     color: #0a65aa;
    
}
.p-footer-stats .p-footer-stats-inner .pairs {
    display: inline-flex;
    align-items: center;
    margin: 0 5px;
    background-color: transparent;
    border: 0px;
    box-shadow: none;
}
.pairs.pairs--inline>dt, .pairs.pairs--inline>dd {
    display: inline;
}
.p-footer-stats .fas, .p-footer-stats .fab {
    color: #b89256;
    font-size: 32px;
    margin-right: 20px;
    
}

.social__icons{
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    margin: 0;
}
.social__icons li {
    display: inline-block;
    list-style: none;
}
.social__icons li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #228be6;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    margin-right: 4px;
}
.social__icons li a i{
    padding-right: 0px;
    
}
.social__icons li a.-facebook {
    background: #484848;
}
.social__icons li a.-twitter {
    background: #484848;
}
.social__icons li a.-instagram {
    background: #484848;
  
}
.social__icons li a i{
font-size:20px;
margin-top: 8px;

}
.social__icons li a i:hover{
color:#FFF;
}

.button.button--primary {
    color: #fff;
    background: #155591;
    min-width: 80px;
    border-color: #155591 ;
}
.button:hover{
    background: #155591 !important;
     border-color: #155591 ;
}
.pairs.pairs--inline>dt, .pairs.pairs--inline>dd {
    display: inline;
}
.p-footer-stats .p-footer-stats-inner .number {
    color: #fff;
    display: block;
    font-size: 25px;
    line-height: 1;
    font-weight:bold;
}
.p-footer-stats .p-footer-stats-inner .username {
    font-size:20px;
}
.p-footer-stats .p-footer-stats-inner .text {
    color: #eaf6ff;
    display: block;
    font-size: 18px;
}
@media (max-width: 767px){
    .p-footer-stats{
        display:none
    }
.p-footer-stats .p-footer-stats-inner {
    align-items: center;
    flex-flow: column;
    justify-content: center;
}
    .p-footer-stats .p-footer-stats-inner .pairs {
    flex-flow: column;
    margin: 10px 25px;
}
    .p-footer-stats .fas, .p-footer-stats .fab {
    margin-right: 0;
    margin-bottom: 10px;
}
}

@media (max-width: 650px){
.has-js .p-nav-smallLogo {
    display: inline-block;
    background-color: #000;
    max-width: 155px;
}

.p-header {
    height: auto;
}
.footer_wc {
    width: 100%;
}
    
    .footer_custom_link, .footer_web_links, .footer_contact {
    width: 33%;
    float: left;
    padding: 0px 10px 0px 0px;
}

}
@media (max-width: 480px){
    .footer_custom_link, .footer_web_links, .footer_contact {
        width: 100%;
    }
    
    .p-navgroup-link--logIn {

    padding: 8px 6px;
  
}
    .p-navgroup-link--register {
  
    padding: 8px 7px;
  
}
    
}
a {
    color: #0a65aa;
    text-decoration: none;
}

@media (max-width: 410px){
        .p-navgroup-link--logIn {

  display:block;
  
}
    
    .block-outer-opposite .button, a.button {
    border-radius: 3px;
    line-height: 30px;
    font-weight: 600;
    padding: 5px 6px;
        font-size:12px;
}
    .p-navgroup-link--register {
  
    display:block
  
}
    .p-nav-smallLogo img {
 
    max-height: 48px;
}

    
}



// ########################### FULL SIZE LOGO ON MOBILE ########################

// ########################### FULL SIZE LOGO ON MOBILE ########################

// ########################### remove footer sidebar ########################
.fw-branding
{

    background: transparent !important;
    color: #717171 !important;
    text-shadow: white 1px 1px;
    font-weight: bold;
    display: none;
 
}

/*** Hide forum title on forum list ***/
[data-template="forum_list"]
{
    .p-title-value {
        display: none;
    }
    .p-title {
        float: right;
    }
}
/**********/


.privacy_privacybutton--1Gvii
 {
    display: none !important;
}

/****subforum****/


.node-subNodeFlatList {
    >li {
        display: inline-block;
        margin-right: 0;
        float: left;
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
    }
}

/****subforum****/




/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    .m-faBase();
    .m-faContent(@fa-var-sign-in, 1em);
    color: #000000;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    .m-faBase();
    .m-faContent(@fa-var-key, 1em);
    color: #E6BB5C;
}
/**********/



/* Coloured Node Categories */

.block.block--category.block--category .block-container .block-header {
    background-image: url(https://interfans.org/immagini/fascia.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

@media(max-width: 499px){.block.block--category.block--category .block-container .block-header {background: #000!important}}
@media(max-width: 499px){.block.block--category.block--category .block-container .block-header{background: none;}}
/**********/

.p-nav
{
   height: 50px;
}


/*header color mobile*/
@media (max-width: @xf-responsiveMedium) {
    .p-nav {
        background: #000000;
    }
}


/* signup button */

#SignupButton {
    background-color: white;
    padding: 3px;
    margin: 10px 30px;
    border: 1px solid #f9bc6d;
    border-radius: 8px;
    text-align: center;
    line-height: 30px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    display: block;
    cursor: pointer;
}


#SignupButton:hover .inner {
    text-decoration: none;
    background-color: #f9bc6d;
}
#SignupButton a:hover {
    text-decoration: none;
    background-color: #f9bc6d;
}
#SignupButton .inner {
    font-weight: bold;
    font-size: 12pt;
    color: #fff;
    background: #e68c17 url("https://www.interfans.org/immagini/form-button-white-25px.png") repeat-x center -7px;
        background-color: rgb(230, 140, 23);
    border-radius: 4px;
    display: block;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
#SignupButton a {
    font-weight: bold;
    font-size: 12pt;
    color: #fff;
    background: #e68c17 url("https://www.interfans.org/immagini/form-button-white-25px.png") repeat-x center -7px;
    border-radius: 4px;
    display: block;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

KhanTastic
  • Question Question
XF 2.2 How I can make my homepage like this?
Replies
1
Views
617
alfaNova
alfaNova
Luke247
  • Solved
XF 2.2 How to make a specific forum my homepage?
Replies
5
Views
672
beerForo
beerForo
entelechy
Add-on Addon Request for a custom html area underneath the table of new posts on my homepage
Replies
0
Views
294
entelechy
entelechy
M
Need a developer for design my homepage and more
Replies
0
Views
459
monir
M
UAEReactor
i need a portal to replace my homepage Joomla ?
Replies
2
Views
2K
Dakota Storm
Dakota Storm
Top Bottom