How to add our own css in custom blocks

[schowalter.jensenParticipant]

Hi, I have created some custom blocks using webpack build process. but when I'm opening in the bloxby builder, my custom CSS is not working, the moment I change with Bloxby default CSS starts working. I'm creating the blocks in the following manner.

Adding my custom header blocks as header 27.html with defining
<link href="../bundles/Yummy_headers.css" rel="stylesheet"> & <script type="text/javascript" src="../bundles/Yummy_headers.bundle.js"></script> in it.

Then upload it to elements_starter, as per Bloxby default blocks  & the CSS is already defined in assets/elements_starter/bundles. Then running the webpack in Bloxby directory with doing changes in webpack.config.js & later in element.json and thumbs upload it to elements directory.

for example, i change the

<div class="block hero full-vheight v-align padding-top-20 background-cover" style="background-image: url('../bundles/3015796187f7488d04acd4c82b311ae9.jpg');" id="header7">

with

<div class="mywowbackcover" style="background-image: url('../bundles/3015796187f7488d04acd4c82b311ae9.jpg');" id="header7">

also i define css in yummy-header.css.

Am I missing somewhere? as my blocks are working but my custom CSS is not working

Add New Note to this Reply

[Lita RayModerator]

Replies only viewable for logged in users

Add New Note to this Reply