On my Xenforo Audentio UI.X theme, there is an AD Styler at the bottom, allowing me to customize the background. If I disable the AD Styler, the background turns white. How can I keep the background image without having the AD Styler showing at the bottom of the screen?
Appearance > Styles > UI.X > Style Property Groups > Generals > Body In background section put image for your background
Related
I am trying to customise the search box in my readthedocs documentation. I managed to change the background color by setting in a custom css file:
.wy-side-nav-search, .wy-nav-top {
background: #ffffff;
}
I haven't found though what property controls the color of the project name that displays right above the logo on this sidebar.
Thanks
I have tried using id's for each individual navbar options but the background color wont change only the text in the navbar changes.
My required outcome is to get a background color for each navbar option.(Note this is a bootstrap template I am editing). This is a link to my files with what I have tried so far.
You can add styling inline with html using style="background-color:blue;"
if you are using the bootstrap template then you can use the following classes
class="bg-primary" // to add blue background.
.bg-secondary // to add gray.
.bg-success // to add green etc.
to change the text use class="text-primary" and other classes.
check out more here(colors) and here (navbar).
I'm trying to add some CSS on a forge panel.
Whenever I put my mouse hover a forge panel the colour of the background become darker.
Is it possible to disable this behaviour?
Edited:
Here picture of my problem
My mouse was hover the panel titled 2.
I want the background to stay like the panel 1.
I supposed that you want to change the background color of the tree nodes of the model structure panel or property panel while mouse hovering. Please place this CSS snippet after viewer's stylesheet:
// Change background color to red color in dark-theme
.adsk-viewing-viewer.dark-theme .treeview .group>lmvheader:hover,
.adsk-viewing-viewer.dark-theme .treeview .leaf>lmvheader:hover,
.adsk-viewing-viewer.dark-theme .treeview group>lmvheader:hover,
.adsk-viewing-viewer.dark-theme .treeview leaf>lmvheader:hover {
background: rgba(255,0,0,.4)!important;
}
// Change background color to red color in light-theme
.adsk-viewing-viewer.light-theme .treeview .group>lmvheader:hover,
.adsk-viewing-viewer.light-theme .treeview .leaf>lmvheader:hover,
.adsk-viewing-viewer.light-theme .treeview group>lmvheader:hover,
.adsk-viewing-viewer.light-theme .treeview leaf>lmvheader:hover {
background: rgba(255,0,0,.4)!important;
}
And here you go!
This problem doesn't appear in the last version of the forge viewer. I'm gooing to upgrade my viewer
I have a CSS conflict problem when incorporating Slick Carousel in my personal webpage. Below is a link to the page where you can see that there are no visible navigation arrows.
http://matutor2012.scuola.zanichelli.it/animazionibienniowc/drag_and_drop_insiemi/DDM-004-BN/index.php
Can this be due to CSS in my page colliding with Slick's CSS?
Here how it looks before incorporating the carousel on my page:
http://matutor2012.scuola.zanichelli.it/animazionibienniowc/drag_and_drop_insiemi/DDM-003-BN/index.php
Remove height form the .esempio class and add color in .slick-prev::before, .slick-next::before and it's work perfectly
.slick-prev::before, .slick-next::before {
color:red;
}
Arrows are white. Change:
.slick-prev:before, .slick-next:before
{
color:black;
}
you need to remove the color style from slick.css under (slick-prev:before, .slick-next:before) css styles
That is setting the arrows to white which is why they can not bee seen on the page.
Or set these as new styles in your style sheet with the !important tag that way these should be the ones which are used.
I'm trying to change the colour or remove the word Entry(header) in the top left of my bigcartel http://pafclub.bigcartel.com/entry so the page is completely white. i want it to effect just this page without changing colours for other things on the other pages which is what happens when you use the default header colour changer.
The <body> tag gets a unique ID attribute for every page, so to target the page title (and hide it) only on your Entry page you can add a bit of CSS. Head to Customize Design > Advanced > CSS and add this code in at the very bottom:
#entry h1 { display: none }