0

I am looking to modify my css (code provided below) to change the placement of two bootstrap icons provided in the html code below whereby one icon is placed to the left-side of the text 'EasyPDF™ Password Manager' with the 2nd icon separated from and placed one to the right-side of the text.

.portfolio .portfolio-item .portfolio-info .preview-link,.portfolio .portfolio-item 
.portfolio-info .details-link{
position:absolute;
right:50px;
font-size:24px;
top:calc(50% - 14px);
color:color-mix(in srgb,var(--default-color),transparent 30%);
transition:.3s;
line-height:0
}
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
  <img src="assets/img/passwords/pas-1.webp" class="img-fluid" alt="EasyPDF™ Password Manager 
  Image">
    <div class="portfolio-info">
      <h4>EasyPDF™ Password Manager</h4>
      <p>Image 1
      <a href="assets/img/passwords/pas-1.webp" title="Click to EnLarge Image" data- 
      gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom- 
      in"> 
      </i></a>
      <a href="" title="Download Demo PDF Form" class="details-link"><i class="bi bi-link- 
      45deg"></i></a>
      </p>
    </div>
</div>

Improve this question
Related questions
0
Display picture in front end with category
131
Cannot display HTML string
158
How may I align text to the left and text to the right in the same line?
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.