Sage Knight
Well-known member
I did not see any change happen..
Can you make the widget public in that case?
I did not see any change happen..
ok try it now..Can you make the widget public in that case?
ok try it now..
.imageList .categoryStrip {
min-height: 20px !important;
}
Code:.imageList .categoryStrip { min-height: 20px !important; }
That should work, let me know if it does not.
#logoBlock {
background: #000 url("@imagepath/header.png") no-repeat center;
}
For the header, what I used is this code, just simply change the file path accordingly and add it to the "extra.css" template.
Code:#logoBlock { background: #000 url(styles/default/rwbyheader.png) no-repeat center; }
Let me know if it works out for you.
#logoBlock {
background: url("@imagepath/header.png") no-repeat center;
}
#logoBlock {
background: none repeat scroll 0% 0% rgb(0, 0, 0);
}
Code:#logoBlock { background: #000 url("@imagepath/header.png") no-repeat center; }
Sorry, doesn't work for me...
Tryed alot, also considered, there are might those "-symbols missing... Nope.
Currently Code:
Code:#logoBlock { background: url("@imagepath/header.png") no-repeat center; }
It seams to not overwrite the style, since this is what it shows in FireBug on the actual page:
Code:#logoBlock { background: none repeat scroll 0% 0% rgb(0, 0, 0); }
Page
Best regards
#logoBlock {
background: url(@imagePath/header.png) no-repeat center !important;
}
I replied to your conversation.I purchased the theme, but I don't see anywhere to actually download it?
For the header, what I used is this code, just simply change the file path accordingly and add it to the "extra.css" template.
Code:.nodeList .node_3 .categoryStrip { background-color: #ece8ec !important; background-image: url(@imagePath/white.png); background-repeat: no-repeat; background-position: right; }
Instead of .node_3 add your own node ID for each node and style it accordingly to your taste.
Same thing for the different node category titles:
Code:.nodeList .node_3 .categoryStrip .nodeTitle a { color: #d42231 !important; }
Again take note of the .node_ID and change it, all of this code goes into Extra.css
Let me know if it works out for you.
Can we make this Style Fluid, and does it supports Simple Portal?
Any tips on how to get an image next to your logo like you did on the RWBY forums?
#logoBlock {
background: #000 url(styles/default/rwbyheader.png) no-repeat center;
}
@Sage Knight any issues if I upgrade to 1.2.1?
What I did was used a background image in the logoBlock div, like this:
Code:#logoBlock { background: #000 url(styles/default/rwbyheader.png) no-repeat center; }
And the actual logo is just the regular built one found in the Header & Navigation Style property settings.
Yes.Is this going in the extra.css section?
Yes.
Strange. I've added that code in & even added the full path to the image and it still doesn't show.
I made a silly mistake, the image path should be like this:
background: #000 url(styles/xendark/yourimage.png) no-repeat center !important;
Take note of the /xendark/ image path and !important to override the original. Let me know if it worked.
Thanks, that works. Any idea on how to fix the category image issue I mentioned above?
Also, I'm trying to figure out a way to make the header image disappear if it gets to a certain width (mobile). Any tips on this?
background-image: url(@imagePath/white.png) !important;
background-repeat: no-repeat !important;
background-position: right !important;
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth) {
#logoBlock {display: none;}
}
@media (max-width:@maxResponsiveMediumWidth) {
#logoBlock {display: none;}
}
@media (max-width:@maxResponsiveNarrowWidth) {
#logoBlock {display: none;}
}
</xen:if>
We use essential cookies to make this site work, and optional cookies to enhance your experience.