Category line color size

  • thompsonaire

    (@thompsonaire)


    1 month ago

    I am using Beaver Builder. I have a section of code in the builder. It looks like this.

    <div class="em-item em-event" style="--default-border:#_CATEGORYCOLOR;">
	<div class="em-item-image {no_image}has-placeholder{/no_image}" style="max-width:120px">
		{has_image}
		#_EVENTIMAGE{120,120}
		{/has_image}
		{no_image}
		<div class="em-item-image-placeholder">
			<div class="date">
				<span class="day">#d</span>
				<span class="month">#M</span>
			</div>
		</div>
		{/no_image}
	</div>
	<div class="em-item-info">
		<div class="em-item-name">#_EVENTLINK</div>
		<div class="em-item-meta">
			<div class="em-item-meta-line em-event-date em-event-meta-datetime">
				<span class="em-icon em-icon-calendar"></span>
				<span>#j #M #y</span>
			</div>
			<div class="em-item-meta-line em-event-location em-event-meta-location">
				<span class="em-icon em-icon-location"></span>
				<span>#_TOWN</span>
			</div>
		</div>
	</div>
</div>

    I want to make the category color line wider. Not sure how to do this.
    https:aviation-ranch.com/support/CatLine.jpg

    I have tried to add numbers to the section where it says :#_CATEGORYCOLOR;”> {120,60} but that did not work. I do not fully understand code so I am unsure what I am missing or left out.

    Thank you for any help

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • joneiseman

    (@joneiseman)

    Add the following custom CSS to increase the width of the category color bar in the single eventpage:

    .em.em-item.em-item-single .em-item-image img {
        border-left-width: 16px;
    }

    To add the custom CSS click on Customize (in the admin bar at the top) and then click on Additional CSS. Then enter the additional CSS at the top and then click on the Publish button.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.