UI.X

UI.X 1.5.22.0

No permission to download
I've just noticed that on the user accounts pages the navigation link text doesn't remain blue.
Screen_Shot_2014_03_24_at_22_39_05.png

What would I need to do to correct this?
 
@Audentio - I cant download this. I've updated the license with my domain details and the license is active. When i click the zip file i just get an error which says:-
You have been denied this download.
Reason: No reason was specified
 
@Audentio - I cant download this. I've updated the license with my domain details and the license is active. When i click the zip file i just get an error which says:-
LOL i try to register and buy themes, they ban my IP and clasified my email like spam, after that send him email to fix that and they give me on my request nick name and pass, still cannot login to site :LOL::LOL::LOL:
 
LOL i try to register and buy themes, they ban my IP and clasified my email like spam, after that send him email to fix that and they give me on my request nick name and pass, still cannot login to site :LOL::LOL::LOL:
Mike will sort this for you, dont worry.
 
How do you reduce the space in the footer?

What space?

LOL i try to register and buy themes, they ban my IP and clasified my email like spam, after that send him email to fix that and they give me on my request nick name and pass, still cannot login to site :LOL::LOL::LOL:

Our system checks various email black lists. If you get your email banned (not your IP) send me a PM here or something. And work on getting your email off the black lists ;)
 
The space highlighted red would be a good start, there's a lot of empty space/padding in the footer.
70wg8l.png
For specific support please create a ticket. I don't have everyone's URL's memorized.

But generally speaking here is some code that might help:

Code:
ul.uix_socialMediaLinks {margin-bottom: 0;}
.footerLegal .pageContent {padding: 0;}
 
For specific support please create a ticket. I don't have everyone's URL's memorized.

But generally speaking here is some code that might help:

Code:
ul.uix_socialMediaLinks {margin-bottom: 0;}
.footerLegal .pageContent {padding: 0;}
Thanks, this occurs on all the templates across all ui.x sites. So it should be a global thing. My footer css is:
Code:
.footer .pageContent
{
    @property "footer";
    font-size: @uix_globalFontSize;
    background-color: @primaryLightest;
    padding-right: @uix_gutterWidthSmall;
    padding-left: @uix_gutterWidthSmall;
@uix_primaryBorder.border;
    zoom: 1;
    line-height: @uix_footerHeight;
    min-height: 20px;
    height: @uix_footerHeight;
    @property "/footer";
}
   
    .footer a,
    .footer a:visited
    {
        @property "footerLink";
        display: block;
        @property "/footerLink";
    }
   
        .footer a:hover,
        .footer a:active
        {
            @property "footerLinkHover";
            color: @uix_primaryColor;
            @property "/footerLinkHover";
        }

    .footer .choosers
    {
        @property "footerLeftBlock";
        padding-left: 5px;
        float: left;
        overflow: hidden;
        zoom: 1;
        text-align: left;
        @property "/footerLeftBlock";
    }
   
        .footer .choosers dt
        {
            display: none;
        }
       
        .footer .choosers dd
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
       
    .footerLinks
    {
        @property "footerRightBlock";
        padding-right: 5px;
        float: right;
        zoom: 1;
        @property "/footerRightBlock";
    }
   
        .footerLinks li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
       
            .footerLinks a.globalFeed
            {
                width: 14px;
                height: 5px;
                display: block;
                text-indent: -9999px;
                white-space: nowrap;
                background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
                padding: 0;
                margin: 2px;
            }

.footerLegal .pageContent
{
    font-size: 11px;
    overflow: hidden; zoom: 1;
    padding: 5px 5px 5px;
    text-align: center;
}
   
    #copyright
    {
        color: @dimmedTextColor;
        float: left;
    }
   
    #legal
    {
        float: right;
    }
   
        #legal li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
            margin-left: 10px;
        }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .footerLinks a.globalFeed,
    .Responsive .footerLinks a.topLink,
    .Responsive .footerLinks a.homeLink
    {
        display: none;
    }

    .Responsive .footerLegal .debugInfo
    {
        clear: both;
    }
}

@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive #copyright span
    {
        display: none;
    }
}

</xen:if>
 
Thanks, this occurs on all the templates across all ui.x sites. So it should be a global thing. My footer css is:
Code:
.footer .pageContent
{
    @property "footer";
    font-size: @uix_globalFontSize;
    background-color: @primaryLightest;
    padding-right: @uix_gutterWidthSmall;
    padding-left: @uix_gutterWidthSmall;
@uix_primaryBorder.border;
    zoom: 1;
    line-height: @uix_footerHeight;
    min-height: 20px;
    height: @uix_footerHeight;
    @property "/footer";
}
  
    .footer a,
    .footer a:visited
    {
        @property "footerLink";
        display: block;
        @property "/footerLink";
    }
  
        .footer a:hover,
        .footer a:active
        {
            @property "footerLinkHover";
            color: @uix_primaryColor;
            @property "/footerLinkHover";
        }

    .footer .choosers
    {
        @property "footerLeftBlock";
        padding-left: 5px;
        float: left;
        overflow: hidden;
        zoom: 1;
        text-align: left;
        @property "/footerLeftBlock";
    }
  
        .footer .choosers dt
        {
            display: none;
        }
      
        .footer .choosers dd
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
      
    .footerLinks
    {
        @property "footerRightBlock";
        padding-right: 5px;
        float: right;
        zoom: 1;
        @property "/footerRightBlock";
    }
  
        .footerLinks li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
        }
      
            .footerLinks a.globalFeed
            {
                width: 14px;
                height: 5px;
                display: block;
                text-indent: -9999px;
                white-space: nowrap;
                background: url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
                padding: 0;
                margin: 2px;
            }

.footerLegal .pageContent
{
    font-size: 11px;
    overflow: hidden; zoom: 1;
    padding: 5px 5px 5px;
    text-align: center;
}
  
    #copyright
    {
        color: @dimmedTextColor;
        float: left;
    }
  
    #legal
    {
        float: right;
    }
  
        #legal li
        {
            float: left;
            <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
            margin-left: 10px;
        }

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .footerLinks a.globalFeed,
    .Responsive .footerLinks a.topLink,
    .Responsive .footerLinks a.homeLink
    {
        display: none;
    }

    .Responsive .footerLegal .debugInfo
    {
        clear: both;
    }
}

@media (max-width:@maxResponsiveNarrowWidth)
{
    .Responsive #copyright span
    {
        display: none;
    }
}

</xen:if>
I would add this to EXTRA.css not footer.css, the code I gave you.
 
I was able to remove the Icon I mentioned here with this CSS-Code:
Code:
.container > .xengallerySideBar > .section > .secondaryContent > h3:before {
    content: none !important;
}
 
I might be missing a lot of things in my attempts to beautify my forums. I'm using Forum list tabs by Waindigo to keep the index from a long scroll. Trying to use the following code @Audentio posted in the FamilyGuyFans.com thread

Code:
.node_4 .categoryStrip, .node_4 .forumNodeInfo.unread .nodeIcon, .node_4 .categoryForumNodeInfo.unread .nodeIcon {
background-color: #00A0D4;
}
.node_4 .unread .nodeText .nodeTitle a {color: #00A0D4;}

.node_6 .categoryStrip, .node_6 .forumNodeInfo.unread .nodeIcon, .node_6 .categoryForumNodeInfo.unread .nodeIcon {
background-color: #7B3E92;
}
.node_6 .unread .nodeText .nodeTitle a {color: #7B3E92;}

.node_5 .categoryStrip, .node_5 .forumNodeInfo.unread .nodeIcon, .node_5 .categoryForumNodeInfo.unread .nodeIcon {
background-color: #F32619;
}

.node_5 .unread .nodeText .nodeTitle a {color: #F32619;}

To have several categories and nodes line up nicely under one tab. Unfortunately when switching out the node numbers nothing changes. Is this part of UI.X or the add-on. Just trying to learn CSS and how things work.
 

Attachments

  • snip.webp
    snip.webp
    20.2 KB · Views: 15
Last edited:
Audentio updated UI.X with a new update entry:

Added wrapper, fixed minor styler issues, and more

Hey all,

This update includes necessary functionality for the all new, recoded Drift that will be released right after this update.

-- A new page style (wrapped style, can be used instead of covered style)
-- By default, all our themes will be 1170px as opposed to the dated 960px standard. Full fluid is still as always supported and easily changeable
-- Userbanners had the gradient removed and padding applied for ease in readability
-- Gradient removed on tabs -- no more gradients on UI.X...

Read the rest of this update entry...
 
Back
Top Bottom