How to customize a divs background dynamically using Advanced Custom Fields Plugin?

I’ve gotten as far as creating custom post types, custom fields and linking those to templates on this first time WordPress project i’m working on, but i seem to have run into a problem i’m not easily able to solve (and i run into these types of problems all the time naturally:). I have created … Read more

Is this possible to attach the background image to a div instead of body?

Currently, adding a custom background image via WordPress will attach it to the <body>. Is there a hook to tell WordPress to attach the background image to another element? Instead of having WordPress generating: body.custom-background { background-color: #ffffff; background-image: url(‘background.jpg’); background-repeat: no-repeat; background-position: top center; background-attachment: scroll; } I would like to customize WordPress in … Read more

@wordpress/create-block image url in css

how to include image URL to css “style.css” in custom block? Both these not work: background-image: url(“images/imagename.png”); background-image: url(“./images/imagename.png”); Image was compiled with hash like imagename.asdasdasd.png but the path on frontend is bad (not aiming to plugin). Gutenberg editor link (in administration – working): http://webname.test/app/plugins/wwb-key-properties/build/images/line.d71a3edf.png Frontend link (not working): images/line.d71a3edf.png Thanks for help 0

Multiple Custom_Background, is it possible?

Is it possible to create multiple “custom background” administration pages? A site I’m doing now needs 2 different background in 2 different areas, I would really love giving my client the same experience for both backgrounds in terms of colour/image/select-repeat etc. Any Ideas? 2 Answers 2 Hi @Amit: The answer is “Yes, it is possible.” … Read more

FireFox Inspector :: find CSS file related to

I’m creating my new website and I would like to change the background colour. Through FireFox Inspector I nailed the CSS line that manages the colour, it’s background-color: #fff; I now have to change that #fff to #f3f3f3 but I cannot find the right .css file. The .css files are 4: block-editor-style.css editor-style.css theme-help.css customizer-style.css … Read more