Featured Content Title text

This topic has 7 replies, 2 voices, and was last updated 8 years, 4 months ago by Pratik.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
August 6, 2016 at 7:10 pm #96705

Roland
Participant

Hi

Please can you advise how I can make the Title text under each Featured Content image centred?

Thanks

August 6, 2016 at 7:40 pm #96711

Pratik
Participant

Can you post in your sute url? Then I can provide you with CSS code.

August 6, 2016 at 7:41 pm #96712

Roland
Participant

Thanks – its surreynurturinglinks.org.uk

August 7, 2016 at 10:21 am #96721
Pratik
Participant
You can use following code in Appearance=> Customize=> Theme Options=> Custom CSS box:
```
#featured-post .post {
    text-align: center;
}
```
Let me know if you need anything else.

Regards,
Pratik
August 7, 2016 at 2:09 pm #96723

Roland
Participant

Hi Pratik,

That seems to have worked to an extent, however the Title text isn’t quite centred to the images above each one. You can see what I mean at http://surreynurturinglinks.org.uk

Thanks

Roland

August 8, 2016 at 11:00 am #96775
Pratik
Participant
Hi Roland,

This is due to the image being a bit small than required by the theme. So this can be solved in following ways:
1. Use image of size 750x499px so that it takes all width
2. Make image width 100%, this will make image take full width. To achieve this, use following CSS code:
```
#featured-post img {
    width: 100%;
}
```
3. Make image center too:
```
#featured-post .wp-post-image {
   display: inline-block;
}
```
Let me know if these options work for you or you need something different.
August 8, 2016 at 12:49 pm #96778

Roland
Participant

Hi Pratik

I’ve used your options 2 & 3 and they’ve worked perfectly – many thanks indeed.

Roland

August 8, 2016 at 1:03 pm #96779

Pratik
Participant

Great it worked out 😀
Author

Posts