Featured areas

Please tell me how to make all three featured images here - http://test03.wpx.me/ - the same size in both desktop and mobile responsive.

Also, how can I make the headings for each of these centred above each image in both desktop and mobile responsive.

Thank you

 

Hi,

Please use following code for making heading center and mobile view image size same as desktop view:

Paste this code in Custom CSS Appearance > Theme Option > Styling Option > Custom CSS

Code:

.feature-right h3{
text-align: center;
}
 
.feature-left .feature-item h6 {
text-align: center;
}
 
.feature-right img{
width: 284px;
height: 123px;
}
 
.feature-left .feature-item img{
width: 284px;
height: 123px;
}
 
@media only screen and (max-width: 480px) {
.feature-right h3{
text-align: center;
}
.feature-left .feature-item h6 {
text-align: center;
}
.feature-right img{
width: 284px;
height: 123px;
}
.feature-left .feature-item img{
width: 284px;
height: 123px;
}
 
}

Thanks

 

thank you