Hi enfold friends!!!
i’ve been working with the vacations template and i wan’t to make a customization (background image and color) to the special heading item, tha i show in this image https://snag.gy/piOvKS.jpg
I’ve tried adding a class name to the special heading and css style in the css style sheet from the child theme and it didn’t worked.
I appreciate any help with this issue
Hey claraelisa,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :) Make sure you have added the same custom class name to all the headings you want to style and let us know the class name and if possible post us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
Best regards,
Vinay
I’m working in a localhost. all i want is an image behind the text.
Hi,
Enable custom css class name support http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Add custom css class names to each heading element in the edit options. Example : custom-bg-1, custom-bg-2 and custom-bg-3
Add the correct image path in the below css and add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.custom-bg-1{
background-image: url("bg-1.jpg");
}
.custom-bg-2{
background-image: url("bg-1.jpg");
}
.custom-bg-3{
background-image: url("bg-1.jpg");
}
We need to be able to inspect the element to provide accurate solution if the above solution do not work for you now please setup a staging site so we can inspect the element in question in order to help :)
Best regards,
Vinay