Magento2 : Adding my own Background Image to a Custom ThemeMagento2: slow loading after change less fileCreating own custom theme in Magento2less Extend file values are overwrittenMagento 2 Blank Theme: How to reduce the height of Navigation, header and top links?Can't get Grunt working for Magento 2How to enable CSS source Maps for Magento 2Best way to extend module less found in web/css/source/module, like _minicart.less?CSS not loading on page within Magento 2 pageChild theme does not load menu or parent theme componentsproper way to use .less files in custom theme?
Are there any balance issues in allowing two half-feats to be taken without the Ability Score Increase instead of a feat?
Is it correct to join training and validation set before inferring on test-set?
Apex code to find record diff between two dates (to call API only when needed)
Will transmitting on this antenna cause problems?
Which star / galaxy is moving away from us the fastest?
Does throwing a penny at a train stop the train?
How do we handle pauses in a dialogue?
How to say "How long have you had this dream?"
Employers keep telling me my college isn't good enough - is there any way to fix this?
Graduate student with abysmal English writing skills, how to help
Are there any sports for which the world's best player is female?
Misspelling my name on my mathematical publications
Why does wrapping aluminium foil around my food help it keep warm, even though aluminium is a good conductor?
Was I subtly told to resign?
What is a "shilicashe?"
Integer Lists of Noah
How can I effectively communicate to recruiters that a phone call is not possible?
Salt, pepper, herbs and spices
Is "De qui parles-tu" (for example) as formal as it is in English, or is it normal for the French to casually say that
When I press the space bar it deletes the letters after it
What's the point of having a RAID 1 configuration over incremental backups to a secondary drive?
Would dual wielding daggers be a viable choice for a covert bodyguard?
How can a dictatorship government be beneficial to a dictator in a post-scarcity society?
How would vampires avoid contracting diseases?
Magento2 : Adding my own Background Image to a Custom Theme
Magento2: slow loading after change less fileCreating own custom theme in Magento2less Extend file values are overwrittenMagento 2 Blank Theme: How to reduce the height of Navigation, header and top links?Can't get Grunt working for Magento 2How to enable CSS source Maps for Magento 2Best way to extend module less found in web/css/source/module, like _minicart.less?CSS not loading on page within Magento 2 pageChild theme does not load menu or parent theme componentsproper way to use .less files in custom theme?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I've added a custom magento theme, and now im trying to add a background image to it.
But the dev console in chrome & firefox keeps saying:
"Could not load the image".
I've put the image in both of these directories:
/web/css/source/images/brushed_alu.png
/web/images/brushed_alu.png
And then my _extend.less is:
body
background: #fff url(/images/brushed_alu.png) top center;
I've cleared cache and static files, but it just igves me the "Could not load the image" error in both chrome & firefox.
Any ideas?
theme css less
edited Jul 2 at 6:00
Sarfaraj Sipai
5231 gold badge7 silver badges20 bronze badges
asked Nov 16 '17 at 20:08
JamesJames
7911 bronze badges
add a comment |
I've added a custom magento theme, and now im trying to add a background image to it.
But the dev console in chrome & firefox keeps saying:
"Could not load the image".
I've put the image in both of these directories:
/web/css/source/images/brushed_alu.png
/web/images/brushed_alu.png
And then my _extend.less is:
body
background: #fff url(/images/brushed_alu.png) top center;
I've cleared cache and static files, but it just igves me the "Could not load the image" error in both chrome & firefox.
Any ideas?
theme css less
edited Jul 2 at 6:00
Sarfaraj Sipai
5231 gold badge7 silver badges20 bronze badges
asked Nov 16 '17 at 20:08
JamesJames
7911 bronze badges
add a comment |
I've added a custom magento theme, and now im trying to add a background image to it.
But the dev console in chrome & firefox keeps saying:
"Could not load the image".
I've put the image in both of these directories:
/web/css/source/images/brushed_alu.png
/web/images/brushed_alu.png
And then my _extend.less is:
body
background: #fff url(/images/brushed_alu.png) top center;
I've cleared cache and static files, but it just igves me the "Could not load the image" error in both chrome & firefox.
Any ideas?
theme css less
edited Jul 2 at 6:00
Sarfaraj Sipai
5231 gold badge7 silver badges20 bronze badges
asked Nov 16 '17 at 20:08
JamesJames
7911 bronze badges
I've added a custom magento theme, and now im trying to add a background image to it.
But the dev console in chrome & firefox keeps saying:
"Could not load the image".
I've put the image in both of these directories:
/web/css/source/images/brushed_alu.png
/web/images/brushed_alu.png
And then my _extend.less is:
body
background: #fff url(/images/brushed_alu.png) top center;
I've cleared cache and static files, but it just igves me the "Could not load the image" error in both chrome & firefox.
Any ideas?
theme css less
theme css less
edited Jul 2 at 6:00
Sarfaraj Sipai
5231 gold badge7 silver badges20 bronze badges
asked Nov 16 '17 at 20:08
JamesJames
7911 bronze badges
edited Jul 2 at 6:00
Sarfaraj Sipai
5231 gold badge7 silver badges20 bronze badges
asked Nov 16 '17 at 20:08
JamesJames
7911 bronze badges
edited Jul 2 at 6:00
Sarfaraj Sipai
5231 gold badge7 silver badges20 bronze badges
edited Jul 2 at 6:00
Sarfaraj Sipai
5231 gold badge7 silver badges20 bronze badges
edited Jul 2 at 6:00
Sarfaraj Sipai
5231 gold badge7 silver badges20 bronze badges
5231 gold badge7 silver badges20 bronze badges
asked Nov 16 '17 at 20:08
JamesJames
7911 bronze badges
asked Nov 16 '17 at 20:08
JamesJames
7911 bronze badges
asked Nov 16 '17 at 20:08
JamesJames
7911 bronze badges
7911 bronze badges
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
Place your image at below location
magento_rootappdesignfrontendThemes_Packagethemewebimages
Put this code into your .css file
body
background: url('../images/brushed_alu.png')top center;
Put .css file of your theme at this location
magento_rootappdesignfrontendThemes_Packagethemewebcssstyle.css(your
.cssfile)
After that fire these commands from your root directory of Magento
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento cache:flush
answered Nov 18 '17 at 7:41
ABHISHEK TRIPATHIABHISHEK TRIPATHI
2,2441 gold badge9 silver badges28 bronze badges
add a comment |
web/css/_extend.less
body
background: url(../images/brushed_alu.png) top center;
Place your image in web/images/brushed_alu.png
it should work.
answered Nov 16 '17 at 20:28
Abhishek PanchalAbhishek Panchal
3,7403 gold badges10 silver badges29 bronze badges
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f201902%2fmagento2-adding-my-own-background-image-to-a-custom-theme%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Place your image at below location
magento_rootappdesignfrontendThemes_Packagethemewebimages
Put this code into your .css file
body
background: url('../images/brushed_alu.png')top center;
Put .css file of your theme at this location
magento_rootappdesignfrontendThemes_Packagethemewebcssstyle.css(your
.cssfile)
After that fire these commands from your root directory of Magento
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento cache:flush
answered Nov 18 '17 at 7:41
ABHISHEK TRIPATHIABHISHEK TRIPATHI
2,2441 gold badge9 silver badges28 bronze badges
add a comment |
Place your image at below location
magento_rootappdesignfrontendThemes_Packagethemewebimages
Put this code into your .css file
body
background: url('../images/brushed_alu.png')top center;
Put .css file of your theme at this location
magento_rootappdesignfrontendThemes_Packagethemewebcssstyle.css(your
.cssfile)
After that fire these commands from your root directory of Magento
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento cache:flush
answered Nov 18 '17 at 7:41
ABHISHEK TRIPATHIABHISHEK TRIPATHI
2,2441 gold badge9 silver badges28 bronze badges
add a comment |
Place your image at below location
magento_rootappdesignfrontendThemes_Packagethemewebimages
Put this code into your .css file
body
background: url('../images/brushed_alu.png')top center;
Put .css file of your theme at this location
magento_rootappdesignfrontendThemes_Packagethemewebcssstyle.css(your
.cssfile)
After that fire these commands from your root directory of Magento
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento cache:flush
answered Nov 18 '17 at 7:41
ABHISHEK TRIPATHIABHISHEK TRIPATHI
2,2441 gold badge9 silver badges28 bronze badges
Place your image at below location
magento_rootappdesignfrontendThemes_Packagethemewebimages
Put this code into your .css file
body
background: url('../images/brushed_alu.png')top center;
Put .css file of your theme at this location
magento_rootappdesignfrontendThemes_Packagethemewebcssstyle.css(your
.cssfile)
After that fire these commands from your root directory of Magento
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento cache:flush
answered Nov 18 '17 at 7:41
ABHISHEK TRIPATHIABHISHEK TRIPATHI
2,2441 gold badge9 silver badges28 bronze badges
answered Nov 18 '17 at 7:41
ABHISHEK TRIPATHIABHISHEK TRIPATHI
2,2441 gold badge9 silver badges28 bronze badges
answered Nov 18 '17 at 7:41
ABHISHEK TRIPATHIABHISHEK TRIPATHI
2,2441 gold badge9 silver badges28 bronze badges
answered Nov 18 '17 at 7:41
ABHISHEK TRIPATHIABHISHEK TRIPATHI
2,2441 gold badge9 silver badges28 bronze badges
2,2441 gold badge9 silver badges28 bronze badges
add a comment |
add a comment |
web/css/_extend.less
body
background: url(../images/brushed_alu.png) top center;
Place your image in web/images/brushed_alu.png
it should work.
answered Nov 16 '17 at 20:28
Abhishek PanchalAbhishek Panchal
3,7403 gold badges10 silver badges29 bronze badges
add a comment |
web/css/_extend.less
body
background: url(../images/brushed_alu.png) top center;
Place your image in web/images/brushed_alu.png
it should work.
answered Nov 16 '17 at 20:28
Abhishek PanchalAbhishek Panchal
3,7403 gold badges10 silver badges29 bronze badges
add a comment |
web/css/_extend.less
body
background: url(../images/brushed_alu.png) top center;
Place your image in web/images/brushed_alu.png
it should work.
answered Nov 16 '17 at 20:28
Abhishek PanchalAbhishek Panchal
3,7403 gold badges10 silver badges29 bronze badges
web/css/_extend.less
body
background: url(../images/brushed_alu.png) top center;
Place your image in web/images/brushed_alu.png
it should work.
answered Nov 16 '17 at 20:28
Abhishek PanchalAbhishek Panchal
3,7403 gold badges10 silver badges29 bronze badges
answered Nov 16 '17 at 20:28
Abhishek PanchalAbhishek Panchal
3,7403 gold badges10 silver badges29 bronze badges
answered Nov 16 '17 at 20:28
Abhishek PanchalAbhishek Panchal
3,7403 gold badges10 silver badges29 bronze badges
answered Nov 16 '17 at 20:28
Abhishek PanchalAbhishek Panchal
3,7403 gold badges10 silver badges29 bronze badges
3,7403 gold badges10 silver badges29 bronze badges
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f201902%2fmagento2-adding-my-own-background-image-to-a-custom-theme%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
