PRO: new header, show alt text on logo. | And bulletpoints are not shown

[Maik]

Hi there,

I have 2 hopefully little issues which I cannot seem to find the solution too.

1. I have a logo on my header, I put the ALT text in, but it is not showing on mouseover…
   I want to use the logo as a HOME button, so I need a way to describe it so.

2. I have a list on my /properties/condominiums page… but the bulletpoins only show up in cornerstone…not in frontend.
   when I choose numbers instead of bullets then it’s showing up… but i need bulletponts
   I found a css in old forum. but it didn’t work for me:
   .entry-content.content li {
   list-style: outside none disc;
   }

thank you!!!

[christian]

Hey there,

1. Showing the alt tag is not possible. It would require custom development to achieve that.

2. That is because your real estate plugin disables list style.

Add this code to your Global CSS

ul, ol {
    list-style-type: disc;
}

Thanks.

[Maik]

Hello Christian,

Thx a lot for your solution regarding the bullet points.
It works ust fine now.

But for my second issue I think you must have misunderstood me.
I want nothing fancy here, just the ALT-TAG (small text with HOME) to appear on a logo on mouse over.
I have done the same in X already on another site. And it is really basic I believe.
Please see my screenshot from a similar site, made with X (not Pro)
And In the Pro Header Builder I am able to put the ALT Tag on the Logo… why should it need custom development to just show it

Anyway keep up the great work! And thank you!

[christopher]

Hi there,

The attribute in the HTML code which is responsible for the toolti[ on the images is title and not alt. It is not possible to override the behavior of the image element in the Header Builder. That is why I suggest that you achieve the same effect using Javascript and injecting the title tag to that image.

To do so please kindly add the JS code below to Pro > Launch > Theme Options > JS:

jQuery('.hm5.x-image img').attr('title', 'Home');

Feel free to change Home in the code to whatever you want to add as a tooltip.

Thank you.

[Maik]

Thank you very much! I works good. Hope the S will not slow down the page much.

Best Regards!!

[christian]

Hi @Maik,

As you see, this required custom coding/development. I understand it is fairly simple but custom code becomes a maintenance problem overtime. That is because a user might come into this thread, copy the code and if it will not work in his or her site, he or she will most probably post a support question why it doesn’t work then we’ll investigate the website while it should not be our responsibility in the first place. As a result, it is adding in to the support questions so this is one of the reasons of long waiting times.

This code jQuery('.hm5.x-image img').attr('title', 'Home'); is specific only to your header. A user might use it in his site and it will not work. I recommend you and anyone else reading this to add a class like add-title to the image element and use jQuery('.add-title img').attr('title', 'Home'); instead to make it reusable. You can do stuff like this in X/Pro because of the Class option. For more details about the jQuery attr method, please see their documentation.

This also uses Javascript so this might not work if there’s Javascript conflict in your site so that is something to keep in mind.

I’ve submitted a feature request to add an official title option for the image element. Please stay tuned if this will be added in the future.

Thanks.

[Maik]

Thanks a lot @christian_y Great! Thx for explanation and for submitted the feature request.

[christian]

You’re welcome.