0

sorry for newbie question.

In my WordPress site I have multiple submission forms. I want to use css in some of the fields but I don't want to affect other forms each field doesn't have a unique class.

here is the code and I want to hide upload info span by calling data-id="tour_leader_id" and give CSS style to it. can you help me figure out what is the right CSS code to achieve that?

<div class="rz-form-group rz-field rz-col-12 rz-field-ready" data-multiple="true" data-upload-type="image" data-type="upload" data-storage="request" data-disabled="no" data-heading="verfication" data-id="tour_leader_id"><div class="rz-heading">
<label class=" mb-0 ">
id verfication
</label>
<p>upload your id</p>
</div>
<div class="rz-upload">

<textarea class="rz-upload-input rz-none" type="text" name="rz_tour_leader_id" placeholder=""></textarea>

<label for="rz-upload-rz_tour_leader_id" class="rz-button rz-light rz-upload-button" style="--x:1.46875px; --y:2px;">
<span>upload</span>
<span><i class="fas fa-arrow-up rz-ml-1"></i></span>
<div class="rz-preloader">
<i class="fas fa-sync"></i>
</div>
</label>

<div class="rz-none">
<input class="rz-upload-file" type="file" id="rz-upload-rz_tour_leader_id" multiple="true">
</div>

<div class="rz-field-info">
<span>max upload size 3 mb</span>
<span>drag to move</span>
</div>

<div class="rz-image-preview rz-no-select ui-sortable">
</div>

<div class="rz-error-output"></div>
</div>
</div>

Thanks

Hooman
  • 1
  • 2
  • [data-id="tour_leader_id"] .rz-field-info { display:none; } works fine thanks for suggestion – Hooman Jun 14 '21 at 20:16

0 Answers0