I took over a Silverstripe project, so im quite new.
The end comsumer mention that the white background is not renderd white. He is right.
After the resampling the white background contains some #fefefe-pixels.
Is there a way to fix that?
The images on the demo page contains the same effect: https://demo.silverstripe.org/assets/Uploads/_resampled/ResizedImage600278-community.png
The project uses Silverstripe 3.7
Related
I've just started to create a new project by using Docusaurus and have tried to change background of home page to linear gradient. However, couldn't make it. I can change the navbar and the footer colors seperately, but how to make the background of the page like shown in this picture?
In case of anyone wondering the result, I could solve the problem. By using the swizzling as stated in docusaurus documentation;
run npm run swizzle, and choose the Layout component in order to eject or wrap. The Layout folder will be visible to you under src/theme/ directory. You can edit the html,body style in styles.modules.css file to change the all background of the pages.
I'm having trouble getting Revolution Slider (version 5.2.5.3) to work properly on my website and I'm looking for some help.
For reference the test page I'm using can be located here: http://www.capidale.co.uk/home-2
The problem I'm having is the background images on each slide are "zoomed" in. All images are 960x350 and I've set the grid settings also for 960x350. However, inspecting the code, the background images appear to being assigned values of 1653x549.
I've racked my brain but I just can't get it to work. I've tried using the images as "layers" and setting the background to transparent. But then I can't get the images to display at all.
Appreciate any help. Thank you.
i have looked at the code and it says the natural values for the
Best best is to resize the images so they are 960x350 this should fix the issue if the image is zoomed still on the styling of the image set max-width:960; and max-height:350;
to save you the trouble use this image and replace the existing img, if it works then this is due to the natural sizes of the image
:D
I'm using reveal.js to make a slide deck. I'm using background images on almost every slide, with text in the foreground. I'm trying to tint the images in the background so that they are more visible behind my slide text, using the gradient trick discussed here, but I'm not sure where to add this code to get it working.
I'm having a problem with the expanded image in Highslide. For some reason, I'm getting some white/gray (#EBF6FF to be exact) background appearing when I bring the mouse close to the image around the outside. Here's a link to a screenshot.
It also does it on the sides (a white box/background appears, jutting out 13 pixels on either side, beginning at the bottom edge of the area shown in the image above), and the bottom, although for the bottom you need to mouseover outside the caption area, along the lower right and left corners of the image. The affected area is 13 pixels beyond the top and sides of the image. I've gone through my CSS and can't find any 13 pixel padding, and also can't find any references to #EBF6FF. Has anybody seen this before?
I've used Highslide in the past with the glossy dark border, but I wanted to switch to a borderless look. I'm not re-using any of the previous HS code (with the glossy border). I started this one from scratch using the latest version (4.1.13). Everything else is working fine, the only problem is with this unwanted background appearing on mouseover. Unfortunately, I'm still developing this on my localhost, so don't have it live to view on the web. But I can provide any code that you may need.
Thanks in advance for any help/suggestions anybody can provide!
Edit: This site isn't finished so I can't upload it yet, but here's a link to a video I took showing the issue.
I develop in Visual Studio. When I browse my pages, if, for example, a div has a background set using css to be an image which is, effectively, a graduated tint - it appears in bands of colour - i.e. not graduated.
Is there some setting I can change so IE shows background graduated tints properly?
You can use this site to generate your background color. This site is a css gernerator and it generates code for IE 6-7-8-9 and other browsers.
http://www.colorzilla.com/