How to make 4 element in row 'services

hi
i saw the last topics but the code was not work on my widegets
only have 4 elment in my services
please help me

i saw this but its not work

make it change on widget styles>attributes>css style
is it wrong???

Hello there,

Adding CSS rules into the attributes option won’t be executed as it is literally provided for style declaration. Its output is the value of style attribute. For instance:


<div class="widget" style="width:24.7%;"> 

To make 4 column service items in a row, please try adding the following CSS code:


@media only screen and (min-width:992px){
   .service:nth-of-type(3n+1){
      clear: none;
   }

   .service.col-md-4{
      width: 24.7% !important;
   }
}

into the child theme’s style.css or you can use the Simple Custom CSS plugin.

Kind regards,
Kharis

tanks u
but i dont know where should i change or add it
thats my css file
http://uploadboy.me/4ngv8ec0i6dl/style.css.html

can u help me and show me where u change it??
special tanx too u

Hello there,

You don’t have to make any code changes. You only need to add a couple of additional CSS code. Please follow these steps:

  1. Login to your site admin area
  2. Navigate to Plugins > Add New
  3. Install and activate the Simple Custom CSS plugin
  4. Navigate to Appearance > Custom CSS
  5. Paste the following code into the provided box:

@media only screen and (min-width:992px){
   .service:nth-of-type(3n+1){
      clear: none;
   }

   .service.col-md-4{
      width: 24.7% !important;
   }
}

  1. Update Custom CSS

Regards,
Kharis

special tanx too u my friend

ex me

if i wana do this with my employes
which code i should change or add it in custom css?

or make forths employe in center of element

its on the left of the page and under the first employer
but i wana be under second employer
like this

special tnx

Hello there,

Try adding this code:


@media only screen and (min-width:500px){
   .employees-area .col-md-4{
      width: 24.6% !important;
   }
}

Regards,
Kharis