Kind of new to coding and website building and have a company asking to make them a simple website. Well I cant just do something simple. Website link. Not my choice on using SS. So the banner image is set to default for the whole website. All I want to do is pick a couple of pages and override the image and keep the fixed position effect. Here is the code I am trying:
banner-image: url("https://static1.squarespace.com/static/5b8838fbe74940afd72fe383/t/5bd0af80f4e1fc41dabbc23c/1540403072779/Oil-Field.jpg") !important;
Any help would be great.
Related
I bought a tempalte website for a friend since i am no coder and tried to customize as far as possible.
This is the URL:
http://www.roxaneroffler.com
I have a problem with the gallery, it gets buggy when i add more than 6 or 7 images. It jumps from one image to the beginning and going back behaves weird as well.
I have no idea where to start.
Can you guys check the CSS code through the given website or do i have to post the CSS class? im afraid the horizontal gallery css class is too big.
After asking a few question the Help Center for Blogger I was directed here.
I am using the Soho Theme and have attempted with the help of Blogger Experts to change so CSS or HTML coding. As of now nothing is working.
I want to use a font that is not offered in the header above the image. I found and downloaded a font and use the CSS code they provided, entered it and applied to them but it won't show.
The other thing I would like to do is change the size that is used for that theme. I was given the code to enter into CSS, applied and it shows in the preview but when I actually view the website, it's still the standard large size. I even tried several different size images but it still goes to the size that seems to be part of the theme. Is there a way to use a smaller image?
Any help with these two issues is appreciated.
Thanks.
I'm helping a friend who's making a website with Squarespace, and I'm trying to add a picture of her in front of her "About" page; the problem I'm having is that I can't get the picture to sit on top of the Squarespace content blocks. Anyone know if there's a way for me to override the default stuff?
I've already tried applying z-index and position:relative with a <span> tag, and that didn't seem to do anything.
What you're describing is probably not the way to do it on Squarespace. Since Squarespace is a CMS you'll want to leverage as much of the built-in tools as possible before moving into the Custom CSS.
I've never heard of the request to place an image above other content. Typically you're placing the image underneath. Regardless, a great way to do images in front other images is by using Squarespace's built in Gallery Block set to Grid mode. This would give you one block with two images in the same container which you could then add styling to customize. Link: https://support.squarespace.com/hc/en-us/articles/206544027-Using-the-Grid-Gallery-Block
I need a full-width image with labeled sections to link to individual pages. Any suggestions how to make this happen? The web site is built on WordPress, so if a plug-in will accomplish this that will work too. Method needs to be responsive and not break apart as viewport is reduced.
For example, Section 1 needs to link to the Section 1 page, etc.
See image at
Well, if you want to have something like that and responsive, you should cut the image in as many pieces as items you need, create an element for each piece and set the image as background. There rest is mediaqueries, maybe you can do it with bootstrap.
Also, try to go to the design community, as this is more related to design than anything else, and I don't think a Wordpress plugin exists for this.
Im using this code:
body {
background-image:url('http://evoxity.net/modules/themeconfigurator/img/bgen.jpg')!important;
background-repeat:no-repeat!important;
-webkit-background-size:cover!important;
-moz-background-size:cover!important;
-o-background-size:cover!important;
background-size:fixed!important;
background-position:center!important;
}
I tried to create it responsive and its workign so far but it should be more static. My problem is, that my website software doesnt feature container background by default and im not that deep into css to do it by my self so i decided to create it on the background.
Now i would like to work with #media but i also would like to get this background keeping how it is even if i add the windwos bar to the right/left site of the browser.
I used a module for that website software to create backgrounds and it can implement them in css as well but i dont know the id of it so i cant modify it with css. Thats the reason why i do it now by my own.
To get the question on a point again. If you have a 1920x1080 resolution screen and drag your windows bar to one of the sites, the background moves but it should stay static and just get cuttet on the right site than it works.