I need help with making an image to fill my background on all pages, if that's even possible.
AS Templates
POSTED: 2016-03-05
Hello DAEDALUSAPEX,
Sorry, not quite understand your question, can you please provide us with more info?
Regards, AS Team.
daedalusapex
POSTED: 2016-03-05
I'm trying to put a background image into my theme default css folder so it can cover the whole background of my page. I'm not sure if i'm doing anything wrong but my codes are :
body
{
margin: 0px;
line-height: 16px;
background-position: cover;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #121212;
background-image: url("../images/sampledata/form/backgroundimage.jpg");
}
img
{
max-width: 100%;
min-height:100%;
AS Templates
POSTED: 2016-03-05
Hello DAEDALUSAPEX,
There is no such image, it seems you put wrong path:
images/sampledata/form/backgroundimage.jpg
Regards, AS Team.
daedalusapex
POSTED: 2016-03-05
I just uploaded the same image into my ../images folder named it background.jpg and replaced the code to font-size: 12px;
color: #121212;
background-image: url("../images/background.jpg");
}
but it still doesn't work, i'm not sure whats happening. it just wont appear into my background on the site.
AS Templates
POSTED: 2016-03-05
Hello DAEDALUSAPEX,
Try to add the following property: background-attachment: fixed;
and change background-position from 'center center' to 'center top'
Regards, AS Team.
daedalusapex
POSTED: 2016-03-05
It's working now! Thank you, you helped me a lot!
How ever i'm having another issue now, since my background image is black i need to change the color of AS-menu plugin to be 2594BA colord at all times, for now it only shows Home menu with blue color, other menu items are only shown on hover.
AS Templates
POSTED: 2016-03-05
Hello DAEDALUSAPEX,
The color can be changed by editing css files only, you can easy determinate the file which should be changed and the css class by installing and using Mozilla Fireblug plugin: https://getfirebug.com/
More info you can find here:
http://blog.astemplates.com/firebug-tutorial/#more-402
Regards, AS Team.
daedalusapex
POSTED: 2016-03-06
That was really helpful too, i appreciate it! One final question, is there an option that i can resize my navigation menu or the "main menu" since now it turned into a cube, and goes from the top of the page, i would like to move him a bit from the top so he doesn't connect with it.
That would be awesome! Thanks in advance.
AS Templates
POSTED: 2016-03-06
Hello DAEDALUSAPEX,
You can do it only by editing existing css or by creating a new, or you can ask for our customization services:
http://www.astemplates.com/services
Get an access to all 94 items designed and developed by AS Designing team plus all the future items
which will be released over the course of your club subscription.
Price starting from $59.00
Sorry, not quite understand your question, can you please provide us with more info?
Regards, AS Team.
body
{
margin: 0px;
line-height: 16px;
background-position: cover;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #121212;
background-image: url("../images/sampledata/form/backgroundimage.jpg");
}
img
{
max-width: 100%;
min-height:100%;
There is no such image, it seems you put wrong path:
images/sampledata/form/backgroundimage.jpg
Regards, AS Team.
color: #121212;
background-image: url("../images/background.jpg");
}
but it still doesn't work, i'm not sure whats happening. it just wont appear into my background on the site.
Try to add the following property: background-attachment: fixed;
and change background-position from 'center center' to 'center top'
Regards, AS Team.
How ever i'm having another issue now, since my background image is black i need to change the color of AS-menu plugin to be 2594BA colord at all times, for now it only shows Home menu with blue color, other menu items are only shown on hover.
The color can be changed by editing css files only, you can easy determinate the file which should be changed and the css class by installing and using Mozilla Fireblug plugin: https://getfirebug.com/
More info you can find here:
http://blog.astemplates.com/firebug-tutorial/#more-402
Regards, AS Team.
That would be awesome! Thanks in advance.
You can do it only by editing existing css or by creating a new, or you can ask for our customization services:
http://www.astemplates.com/services
Regards, AS Team.