This thread is resolved. Here is a description of the problem and solution.
Problem: I would like to use an image from my Media Library as the background of an element.
Solution: Go to Media > Library and click the image you want to use as a background. Find the image's URL, copy and paste that into your CSS:
background-image: url('your-image-url.jpg');
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
| 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 7 replies, has 3 voices.
Last updated by 6 years, 11 months ago.
Assisted by: Christian Cox.
I created a "creature" layout and was assigned to post-type "creatures".
my problem is to put a background image. (see Attachment)
How can I do ?
thank you
I used "Div id" okay or recommend me other tags
<div id="blocco_creatura">
<div id="titolo_creatura">[wpv-post-title]</div>
<div id="prima_foto">[wpv-post-featured-image size="medium"]</div>
<div id="dedica">[types field='dedica'][/types]</div>
<div id="data_decesso">[types field='data-decesso'][/types]</div>
</div>
then I inserted this code into Css and JS of Layout:
I can not align to the center post-featured-image
/*Layouts css goes here*/
#blocco_creatura {
background-image: url('img_flowers.jpg');
background-repeat: no-repeat;
background-size: contain;
}
#titolo_creatura {
text-align:center;
font-size:30px;
margin-left:30px;
margin-bottom:30px;
}
#prima_foto{
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
}
#dedica { font-size:25px;
font-style:italic;
margin-top:20px;
text-align:center;
}
#data_decesso {text-align:center; }
