[Robin@Cox]

I would like my featured content image and the title to be in one line and the image should be on the left of the Title. How do I do this.

[Mahesh]

@robincox: I recommend you to hire a customizer for this.

Regards,
Mahesh

[Robin@Cox]

Thanks for the response I change the look and feel.
The problem I have now is that I only used pictures Featured Content Image and I resized the column but the table is not centred under services, it is more to the left. Is there a code that I can centre the entire table.

[Mahesh]

@robincox: Please post in your site url. So I can see the changes you’ve made and the issue you are facing.

Regards,
Mahesh

[Robin@Cox]

Manesh

Ok I am very new to web development, my site is not live yet I am only working on the admin portal. please advise.

[Mahesh]

@robincox: Can you at least send me an image of the issue you are facing. It may help me to help you.

Regards,
Mahesh

[Robin@Cox]

I would if I new how to attach the image to your post. Please guide me

[Robin@Cox]

I am not sure if this will work for you

[Mahesh]

@robincox: Please upload the image to dropbox or similar and then share the url here.

Regards,
Mahesh

[Robin@Cox]

Morning Mahesh

I figured it here is my url
http://www.nvs-sa.co.za/wp/
Services images should be centred

[Mahesh]

@robincox: I checked your site. I don’t know why are you using the following CSS. It is making the featured content width small that is why all the content shifted to the left.

#featured-content.layout-three .hentry{
    width: 20%;
}
  
#featured-content.layout-three .hentry:nth-child(3n+2){
    width: 20%;
}

Please use the following CSS instead:

#featured-content.layout-three .hentry{
    width: 33.33%;
}
.featured-homepage-image {
    text-align: center;
}

Let me know if any problem.

Regards,
Mahesh

[Robin@Cox]

Manesh

I want the gutter between columns smaller and I want the featured content the current size as on url but I need to get it centred.

I need major assistance with this
http://www.nvs-sa.co.za/wp

[Mahesh]

@robincox: Add the following CSS to center the image with same size.

#featured-content.layout-four .hentry{
    width: 25%;
}

.featured-content-wrap {
    margin: 0 auto;
    width: 800px;
}

For gutter between columns more design customizations, I recommend you to hire a customizer.

Note: You have some error in you custom CSS please correct it first.

Regards,
Mahesh

[Robin@Cox]

Manesh

I used your code and it works when you do it but when I view the site it displays only two columns.

With regard to correcting custom CSS I have no clue how to do that

[Robin@Cox]

don’t worry about the first line I fixed it

[Mahesh]

@robincox: Glad to know you fixed it yourself. Have a nice day!

Regards,
Mahesh

[Author]

Posts