How to change title in visual editor to image

Hi,

I am using visual editor in Sydney Pro theme.
I want to use image for the title in visual editor but not text.

Here is an example for your reference.
for youre reference

Can you please kindly guide me how to do this?

Thanks.
JO

Dear Jo,

As far as I know, visual editor doesn’t have an option to use an image replacing the title. To accomplish it, we can use CSS rules to override the current title with an image we specified. Before doing so, we have to know the CSS selector attributed to that title. So, please share your site URL where I can see the title you meant and find its selector.

Regards,
Kharis

Hi Kharis,

Here is the site URL.
http://imstage.vizbranz.com/gold-roast-cereal/

Actually, I want to replace all the title to image under Brands navigation bar.
https://i.imgsafe.org/81c4c1cc0b.jpg

Thanks.
Jo

Hello there,

It appears there is an image already in the first widget of that page. I thought you just need to remove the widget title. Didn’t it work for you?

Regards,
Kharis

Hi Kharis,

Yes, it works.
Can I know What code do you insert to make the red line below the title to disappear?
Thanks.

Jo

Hello there,

Based on your initial query, where I can see your first image with a red line. Please confirm whether you want to appear or disappear?

Regards,
Kharis

Hi Kharis,

I want the red line to be disappear.
Thanks.

Jo

You can hide it by adding the below CSS code into your site’s additional CSS option (Appearance > Customize > Additional CSS).


.panel-grid-cell .widget-title:after {
  display: none;  
}

Regards,
Kharis

Hi Kharis,

Thanks a lot.
It works.

Jo

You’re always welcome here :slight_smile:

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis