Space between two background images
Neha Prakash
I'm working on wordpress for the first time. And I'm trying to add background images to the title. The title should look like this. 
Till now I'm able to achieve till this level. 
I want to have space between two images, how to do that? My CSS is
.page-id-157 .widget-title{
height: 45px;
padding-left:70px;
background-image: url('images/stripe_red_diagonal.png'),url('images/logo_outline_black.png');
background-repeat: no-repeat;
background-position:20px 10px;
}
How to give space between two background images? any help would be appreciated.
m4n0
You need to modify the background-position value for the 2nd image separated by a ,
150px is the horizontal offset from the start point of the images and should be greater than the size of the first image.
.widget-title {
height: 45px;
padding-left: 70px;
background-image: url('http://placehold.it/100x100'), url('http://placehold.it/100x100/333');
background-repeat: no-repeat;
background-position: 20px 10px, 150px 10px;
}<div class="widget-title"></div>Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: How to make a script to perform git pull?
- Next: DELETE Request with Body (Without using Deprecated HttpEntity)
Related
Related Related
- 1
How to remove white space between two images
- 2
Is it possible to fade between two view background images?
- 3
Adding space between images?
- 4
Adding space between images?
- 5
how to create arrow between two background images in css
- 6
Space between images in GridView Android
- 7
Loop between two images
- 8
blockproc between two images
- 9
Switching between two images
- 10
Loop between two images
- 11
jQuery Fade Between Background Images
- 12
Transition between CSS background images
- 13
How can I set background color for the space between two x grid in AchartEngine
- 14
How can I set background color for the space between two x grid in AchartEngine
- 15
Why does the extra space between two inline-elements get filled with background-color, but it doesn't for the space between two inline-block elements?
- 16
Is it possible to insert links between two background images [one is a set of opening doors]
- 17
Remove space between two trapezoids
- 18
Space between two dynamic divs
- 19
Filling the space between two rectangles
- 20
Unexpected space between two divs
- 21
Space between two dynamic divs
- 22
Filling the space between two rectangles
- 23
Remove space between two trapezoids
- 24
Remove weird space between images in bootstrap
- 25
Space between images grows on browser shrink
- 26
Slick slider: adding space in between images shown
- 27
CSS - Space between border and background color
- 28
White Space Between SVG Background Repeats
- 29
Increase space between border and background-image
Comments