I am working on website.In that I am using Photo Book Gallery plugin for slider purpose.But in slider show's vertical white thin line between two pages.I want to remove that line.
Please help me,if is there any solution.
URL:-http://www.h2interios.com
Add this css in your stylesheet
#main-content .container::before{
background-color: transparent;
}
.booklet .b-wrap-right
{
background: none !important
}
Add this code in your stylesheet
Related
I'm trying to change the background color to just black on this site: https://vimeopro.com/mbtv11/our-short-film-show. I have this code so far, but I can't get the wrapper to go away. Any suggestions? Thanks in advance!
div {
background-color: #000000
}
Please post the actual code and not a link.
.wrapper .content has a background image. You need to remove it with the snippet below, or override it with !important.
.wrapper .content { background: transparent; }
I am working on creating a plugin that requires Bootstrap. I have enqueued the correct Bootstrap and jQuery libraries. Everything is working fine on the page, but when I put a blockquote in the page, it adds a gray bar to the left. I tried using the following to get rid of it, but it didn't work.
blockquote {
border-left: 0px;
}
This is what is happening:
Any help or advice is appreciated.
EDIT
When I inspect element, it points to the blockquote tags. I also put in a blockquote by itself in the page content, which is how I got the above.
I tried the following to see if that would do anything, but it didn't help:
blockquote::before {
border: 0px;
}
blockquote::after {
border: 0px;
}
Well - if changing border to 0 px does not change the blockquote's grey bar it means that this element is probably no the one responsible for this bar. To state the obvious. Use browser's Inspector to find which element has this bar - it may be ::before or ::after pseudoelement attached blockquote, or maybe blockquote is wrapped in some div or span? What theme are you using?
I figured out what was happening. bootstrap.min.css had the following:
blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
I simply overwrote it in my local css file with:
blockquote {border-left: 0px;}
Thanks for those who looked.
Had an issue with dropzone.css where after an image was uploaded it would display a thumbnail and round the corners, but the corners would be white.
To fix it I found and commented out the line below:
.dropzone .dz-preview.dz-image-preview {
/*background: white;*/
}
No idea why that would be in there!
Don't modify the package container's css files or min css files.
Instead, just add markup to your site either using or using your own css source file, with:
.dropzone .dz-preview.dz-image-preview {
background: transparent !important;
}
Search the css for .dropzone .dz-preview.dz-image-preview and comment out the background line like below:
.dropzone .dz-preview.dz-image-preview {
/*background: white;*/
}
Remember, if you are using .min to do it there aswell/instead.
I'm actually building a website in nuxt.js using Vuetify. I have created a menu based on one v-overflow-btn, one v-text-field and one v-btn.
Here is what my menu looks like actually.
Cause I'm a little bit maniac, I would like to change the bottom border color of my v-overflow-btn to match all the different dividers color bar of my menu. By default, the color is black.
I already tried to define my own CSS in the style section as below:
<style>
v-overflow-btn {
border-color:grey !important;
}
</style>
But nothing changes...
Could someone behelp me to change this border color? Thanks in advance :)
Try this
<style>
.v-overflow-btn .v-input__slot::before {
border-color: grey !important;
}
</style>
I had to add the deep selector in case someone else is having this issue.
.nbb >>> .v-input__slot:before {
border-color: white !important;
}
I am trying to play with colors in the AccessPress Basic template for WordPress (http://accesspressthemes.com/theme-demos/?theme=accesspress-basic) and I am trying to change the color for the BX-Slider navigation "dots" from red to other color.
I've changed it for active "dot" with:
.bx-pager-link.active:before {
background-color: #fff !important;
}
However I cannot change it also for the hover, I tried with that:
.bx-pager-link.hover:before {
background-color: #fff !important;
}
But it does not work.
I'd appreciate any help
That's a specificity issue. Try this:
.ap-basic-slider-wrapper .bx-pager-item .bx-pager-link.active:before,
.ap-basic-slider-wrapper .bx-pager-item .bx-pager-link:hover:before {
background: #fff;
}
See that I have used two things:
Full path.
background instead of background-color.
Works perfectly for me, make sure you load it after the styles.css or at the end of styles.css: