Symfony 2 set background image using CSS

Question

I want to put a background image for a menu in symfony. But I can't figure out how to do it. I managed to style a lot of things already, but not to add a background from css. This is my project src folder with the background style that I am trying to create: Project structure

What is the correct path for Symfony to know where is the image? I have tried multiple things and nothing works for me. THX

Animesh · Accepted Answer · 2014-05-03 17:24:39Z

15

You should store your images in the bundle folder.

src/MyBundle/Resources/public/images

and your css in

src/MyBundle/Resources/public/css

since only web folder is accesible from outside you should use the command

app/console assets:install web --symlink

this will now create the links for the web folder as

web/bundles/Project_name/css
web/bundles/Project_name/images

So your relative path for the image would be as

.header{
    background-image: url("../images/mainlogo.gif");
}

And in twig you should use asset() function to link your styles:

<link href="{{ asset('bundles/acmeweb/css/yourstylesheet.css') }}" rel="stylesheet" type="text/css" />

you can find complete documentation here

answered May 3, 2014 at 17:24

Animesh

1,03311 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Abel Over a year ago

Thank you, app/console assets:install web --symlink this was exactly what I needed

Collectives™ on Stack Overflow

Symfony 2 set background image using CSS

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related