Need a help i want to make something looking exactly like

Hi,
Need a help
i want to make something looking exactly like this: image 1 /attached)
and i am only achieving this:image2(attached)
the code i use in each box is:
<section class="blocd">

<img width="80" height="80" src="http://domainname.com/wp-content/uploads/2015/10/individuel.png" class="attachment-post-thumbnail wp-post-image" alt="individuel"> <h4>Consultations</h4>
<p>Soins du corps et l’être, cours individuels et coaching pour changer</p>

</section>
Could you please let me know what code i should une in each box. I am using a them called : Rocketbuilder
thks in advance for your involvement
rgd
Jacques

  • Sajid
    • DEV MAN’s Sidekick

    Hi @magelyranking,

    Hope you are doing good today :slight_smile:

    It seems your second image did not come through. Please share both images so I understand the scope and give you code accordingly.

    Look forward towards your response :slight_smile:
    Cheers, Sajid

  • Panos
    • SLS

    Hello Jacques,

    If you have the WPMU DEV Dashboard plugin you can grant us access without having to use a WPMU theme :slight_smile:.

    Before that, you can try and search your theme's settings for a Custom CSS field, and add the following code:

    a.vrt{
      display: block;
      border-left: 3px solid yellow;
      padding: 5px 0 0 5px;
    }
    
    a.vrt:nth-of-type(2) {
      border-left: 3px solid green;
    }
    
    a.vrt:nth-of-type(3) {
      border-left: 3px solid red;
    }
    
    a.vrt img{
      float:left;
      padding-right: 10px;
    }

    If the code above doesn't work for your consider granting support access. Looking forward to your reply!

    Best regards,
    Panos

  • Panos
    • SLS

    Hello Jackues,

    Sorry that the code didn't work for you but thank you for granting support access :slight_smile:

    I made some modifications which hopefuly are close enough to what you are looking for. If you need to change something you can visit your theme's Custom CSS field ( Appearance > Rocket Builder Options > Custom CSS & JS ) and edit the css there. Also I have added some extra CSS classes at you home page (Accueil) at the columns inside the Presentation section, so it would make targeting the elements easier. I have attached an image to point where exactly. In case you remove these classes, some of the styling will not apply any more.

    If you need further assistance or clarification please feel free to post back!

    Cheers!
    Panos

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.