Home Page Feature Image

Hello Support Team,

Can I change the Home Page Feature Images to rectangles, a 16x9 ratio, rather than circles? And without borders?

Thank you . . .

 

Hi gaffer!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.feature-content-inner .circle {
border-radius: 0;
box-shadow: none;
padding: 0;
border: 0;
background: none !important;
}
.feature-content-inner .circle img {
border-radius: 0;
width: 152px;
height: 148px;
}

Thanks,
Praveen

 

Hi Praveen . . .

How can I center the images now as they are justified to the right. Thanks in advance.

 

Hello gaffer!

Could you please provide us URL of your website along with some edited screenshot of your issue so that we can provide you the exact solution?

Thanks,
Praveen

 

Here is the link to my site, which is a work in progress . . . http://leafygreencinematography.com/nwtv/ please delete this post from the thread.

And here is the screen shot where you can see the rectangular images are justified right. If I did this wrong, you can see the same thing on the main page "featured images".

file:///Users/Perk/Desktop/Screen%20Shot%202015-03-25%20at%207.37.08%20AM.png

Thank you

 

Hello support team . . .

As you can see above, you provided code to change my Home Page Feature Images from circles to rectangles - thank you for that. Would you also be able to provide code to center those images over the captions as they are currently justified far right and it does not look very good. Thank you.

 

Hello,

Greetings from InkThemes!

You can use the given CSS code in Custom CSS field ((Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.feature-content-inner .circle {
      margin-left: -9px !important;
  }
.feature-content-inner.two img {
      margin-left: 42px !important;
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
Inkthemes.com

 

Hello Priyanka . . .

Thank you for the code to center the images, and for the quick response. It worked great for the first and 3rd images, but the middle image is still justified to the right. Can you help me with that please ? Thanks in advance.

 

Hello,

Greetings from InkThemes!

The middle image looks in center as I have seen in your provided site earlier, also providing you a screenshot of how's it looks from my side.



But still you want to move that image from that right side, then paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.feature-content-inner.two img {
    margin-left: 33px !important;
}

Note: Reduce the numeric value to move the image towards left.

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
Inkthemes.com

 

Reducing the numeric value worked perfectly Priyanka, thank you.

I do have another question for you: Your support team already gave me code to remove the far right Search in the menu bar and that area is blank right now. I would like to add another menu item, or possible two, but when I try to add, it immediately jumps down to another row rather than filling the space where the Search was. Is it possible to "clear" that area where the Search was so that I can add more menu items to the right ? Thanks again in advance . . .

 

Hello,

Greetings from InkThemes!

Please follow the screenshot given below.



Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thank you so much Priyanka, it worked perfectly !