Add an image to the left of poll titles, replacing the question mark

Add an image to the left of poll titles, replacing the question mark 1.0

No permission to download
No- didn't work, here is code.

.pollBlock .questionMark {
background: url('@imagePath/images/poll.png') no-repeat !important;
border-radius: 0 !important;
font-size: 0 !important;
}
 
The image path should be set for every style, with a corresponding directory on the server.
 
ok - so i put the image in the same folder in my custom style that i have other images which are showing in my sidebar. still will not show. is the css code correct and current for 1.2?
 
Yes.
upload_2013-10-5_20-23-49.webp

I use a variation of the same code, it's slightly different as my image is part of a sprite.

Code:
/* Poll icon */
.pollBlock .questionMark {
width: 40px !important;
height: 40px !important;
background: url('@imagePath/images/cta-sprite.png') no-repeat -1px -1px !important;
font-size: 0 !important;
}
 
Then you have an error in the template prior to it stopping it being applied.

The code does not appear anywhere in the browser inspection tool.
 
here is what i have in the extra.css

Code:
<xen:include template="mysite_css.css" />

.sidebar .sharePage .secondaryContent
{
    background: url(@imagePath/xenforo/sources/sidebarimage1.png) no-repeat bottom right;
    min-height: 120px;
}
.sidebar .sharePage
{
    background: url(@imagePath/xenforo/gradients/category-23px-light.png) repeat-x scroll center top #E0DED4;
}
.sidebar .staffOnline .secondaryContent
{
    background: url(@imagePath/xenforo/sources/leo22.png) no-repeat right 35px ;
    min-height: 105px;
}
.sidebar .staffOnline
{
    background: url(@imagePath/xenforo/gradients/category-23px-light.png) repeat-x scroll center top #E0DED4;
}
.sidebar .secondaryContent
{
    border: 1px solid #C7C5BC
}
.node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon
{
    zoom: 1 !important;
    opacity: 0.5 !important;
    -moz-opacity: 0.5 !important;
    -khtml-opacity: 0.5 !important;
    filter:alpha(opacity=50) !important;
}
.node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon
{
    zoom: 1 !important;
    opacity: 1.0 !important;
    -moz-opacity: 1.0 !important;
    -khtml-opacity: 1.0 !important;
    filter:alpha(opacity=100) !important;
}
.nodeInfo.unread .nodeTitle:after
{
    background-color: #ac1212;
    content: "NEW";
    color: white;
    border-radius: 2px;
    margin-left: 5px;
    padding: 1px 5px;
    font-size: 9px;
}

#logoBlock .pageWidth .pageContent
{
    background: url(@imagePath/xenforo/sources/eyes8.png), url(@imagePath/xenforo/sources/duo8.png), url(@imagePath/xenforo/sources/head1.png), url(@imagePath/xenforo/sources/sit2233.png),url(styles/mysite/xenforo/sources/headerbg.png)  #ecebdd;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x;
        background-position: 50% 75%, 75% 75%, 30% 75%, 100% 35%, center 15px;
    border-color: #969288;
    border-radius: 7px 7px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
}
<xen:if is="@enableResponsive">
    @media (max-width:800px) {
     
#logoBlock .pageWidth .pageContent {
background: url(styles/mysite/xenforo/sources/headerbg.png) #ecebdd;
background-repeat: repeat-x;
background-position: center 15px;
        }
    }
</xen:if>
#headerMover
{
    margin-top: 10px;
}
.navTabs .navTab.PopupClosed:hover
{
    background-color: transparent;
    color: @primaryLightish;
}
#Notices .panel .noticeContent a
{
    color: @primaryDark;
}
#content .heading, .xenForm .formHeader
{
    color: @secondaryDark;
}
#content .navigationSideBar a:hover
{
    color: @secondaryDark;
}
#content #taigachat_box
{
    background: none repeat scroll 0 0 #EDEBE2;
}
.widget-container h3
{
    background: url("styles/mysite/xenforo/sources/subheadingbg.png") repeat-x scroll center top #0D0D0E;
    border-radius: 3px 3px 3px 3px;
    color: #E3E1D7;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 5px 5px 10px;
}
<xen:comment>Limiting image sizes in signatures</xen:comment>
<xen:if is="@enableResponsive">
    @media (min-width:700px) {
        .signature.messageText img {
        max-height: 125px !important;
        max-width: 550px !important;
        }
    }
    @media (min-width:481px) {
        .signature.messageText img {
        max-height: 125px !important;
        }
    }
</xen:if>
.messageUserBlock .extraUserInfo .pairsJustified dd
{
float: left;
clear: both;
}
/* Add heart next to like */
.LikeText:before {
content: "\2665 \0020";
color: #000000;
font-size: 1.5em;
margin: 0 0 0 2px;
}
/* END Add heart next to like */
/* Member card stats and last activity in two columns */
.xenOverlay.memberCard .userInfo .userStats {
float: left;
width: 49% !important;
border-right: 1px solid #556655 !important;
}

.xenOverlay.memberCard .userInfo .userStats dd {
float: right !important;
}

.xenOverlay.memberCard .userInfo .userStats dt  {
float: left;
clear: both;
}

.xenOverlay.memberCard .lastActivity {
float: right;
width: 49% !important;
margin-top: 0px !important;
padding-top: 0px !important;
border-top: 0 !important;
}

.xenOverlay.memberCard .lastActivity.pairsInline dt {
float: left;
clear: both;
}
.merc_goal .WidgetFramework_WidgetRenderer_ShareThisPage { display: none; }
.thread_view .titleBar {
background: url(@imagePath/xenforo/sources/sphynx5.png) no-repeat scroll right center transparent !important;
border: 1px solid #C7C5BC;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 2px #FFFFFF inset;
margin-top: 10px;
padding: 5px;
text-align: left;
}
#Notices {
margin-top: 10px;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.messageUserBlock h3.userText { border-width: 0px !important; }
}

}
</xen:if>
.pollBlock .questionMark {
background: (@imagePath/xenforo/sources/poll.png) no-repeat !important;
border-radius: 0 !important;
font-size: 0 !important;
}
 
You have some sort of weird set up in your style.

There are template modifications applied to EXTRA.css, for some unfathomable reason.
You have two different lots of code in EXTRA.css and the TM.

I'm not sure why you have that but I suspect this may be why you are having multiple issues on various threads.

I would recommend auditing your style completely and going back to basics on it, to get a stable base.
 
ok - i will report this to @Russ whom i paid for the style as well. Maybe he will be able to figure out the problem.

thanks @Brogan

I have limited internet right now however those template modifications were not done by me. Template modifications shouldn't really be used for editing css like that but I'll take a look later tonight when I have access.
 
I have limited internet right now however those template modifications were not done by me. Template modifications shouldn't really be used for editing css like that but I'll take a look later tonight when I have access.
thanks @Russ i will send you ACP access so you can have a peak.
 
Fixed for you @tommydamic68 you had an extra closing bracket here:

Code:
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.messageUserBlock h3.userText { border-width: 0px !important; }
}

}
</xen:if>


As for the Template Modifcation, it was from an add-on "Respello" which included a css template inside extra.css, I just manually added it.

Also usually your images should go inside your style folder, you have it in:

styles/sphynx/images/poll.png

Should ideally be:

styles/sphynxlair/xenforo/images/ with the rest of them. However it's fixed.
 
Top Bottom