Hey Sonia,

I’m not sure there is a way to compensate for anything you choose to place above the forum. We do offer the option to compensate for WP fixed header sizes, but this is really more for where the editor opens and other elements that might otherwise be hidden behind a header that doesn’t scroll with the page.

Do permalinks take you directly to the right post? see ‘last post’ link in forum view.

As for the tool tips I don’t think I’ve ever seen them impose style on any WP theme tooltips.. Could you provide a link so we can take a look? If you don’t want to do that publicly feel free to PM the link to me, Mr Papa and Yellow Swordfish with a link to this topic and a brief description of the problem.

If there’s something I’ve forgotten or missed when it comes to compensating for content above the forum I’m sure Andy or Steve will fill in the blanks.

Hummm!!! This seems to be a problem. I am sure there would be a lot of people who like to dress up their websites by placing images etc above the forum.

I tried to fix this issue by placing an invisible div above the forum table and bookmarking the div but the forum slug option under ‘manage groups and forum’ would not allow me to place a ‘#’. Every time I hit update, it removes the hash. Please see the screenshot.

As far as the tooltip is concerned, the website is still under construction and the owner is not too keen on opening it up. Attached are the screenshots for you to see the problem. Could you place a tool tip on one of your menu items on your forum page to see the problem?

Its just that the owner of the website would not budge on these issues and any help will really be appreciated.

I guess when it comes to the forum page and the content above, my question would be if you want the forum page to be central won’t this content be off screen making it redundant?

All Simple Press does is load a page with a forum in it, as I said I think the only time it centers anything is when loading specific posts via permalinks. There may be a way to make this work but I’m not sure of it so will have to wait for Andy or Steve’s input here.

Sorry if I am missing an obvious point!

As for the tooltips, really not sure what you mean when you say ‘Could you place a tool tip on one of your menu items on your forum page to see the problem?’.. I’m not sure why your WordPress theme is inheriting forum tooltips and probably wouldn’t be able to guess without actually looking at it – I do understand making a site live to troubleshoot comes with it’s own drawbacks!

What does your WordPress theme currently do for tooltip CSS? I.e what are they supposed to look like? And do they work fine on non forum pages?

well, you are linking to the wp page, you get what you get… if  you want to skip all that, you could instead like to our container…

so for here https://simple-press.com/support-forum/#spMainContainer

similar for your site, but you will have to handle all the links…

But isn’t using a fragment like that only going to work for the base forum url? As soon as you have a topic to go to or other views then that gets lost. Plus we use fragments from time to time in our inbuilt linking which might conflict or get overridden.

I kind of agree with Ike. If you want people to go straight to the top of the forum why not remove all the content above it if it is in the way? Make a custom WP page for the forum.

Do you just need to turn our graphic tooltips off? Is that what you need to do?

Thanks all for your suggestions

Regarding tooltip: All the non forum pages are displaying the title attribute in one consistent manner but the wp page where I have placed the forum, is displaying the tooltips on menu items like the forum tooltips.

I have not gotten my around using firebug to inspect why the styling is different, but I noticed that the menu items on the forum page has an additional  attribute i.e. ‘aria-describedby:ui-id-4’ added to the anchor element on my menu items. I believe this attribute is added by simple press forum?

whereas other tooltips or the title attribute on non forum pages are displaying neatly (without aria-describedby) attribute

as

<a title=”About my website” href=”http://www.*****.com/about”>About</a>

To answer Yellow Swordfish: I just want consistency in tooltips appearance throughout the website. I can’t remove tooltips entirely from the forum because simple press uses icons/graphics and tool tips are needed to explain those icons.

I am happy to apply the same tooltip styling as the forum page to my non-forum pages or vice versa. Tooltips just need to look consistent.

To answer Ike: You can add a title attribute to one of your menu items on your forum page here and a non forum page to see how the title is displayed displayed. You can do this in wordpress–>appearance–> menu

Regarding the content above the forum

Haven’t had much time looking into this

Mr Papa: I don’t think linking to https://simple-press.com/suppor…..nContainer will work due to the reasons mentioned above by Swordfish.The website owner does really need the navigation sorted but without removing the images from above the forum.

I will continue to look and investigate however as I am short on time, your input/assistance is greatly appreciated.

The ‘aria’ accessibility attribute is, I believe, put there by WordPress.

Simple:Press uses a tooltip library (the one supplied by WordPress as a standard tooltip library for plugin authors) which allows us to style tooltips rather than just use the boring old browser versions.

You can edit the spFunctions.php file of your SP theme to turn these off (at the very top of the file) so you can see how it looks without them. if you decide to keep them turned off we do, of course, recommend using a child theme of the chosen SP theme so that the change is not wiped out in any further SP theme update.

Swordfish, thanks for your input. That did resolve the menu item tooltips looking consistent as other non forum pages. But, now the forum tooltips are messed up for e.g. displaying ‘amp&;’ instead of a spacing and big line spacing within tooltips text. The forum tooltips have lost all formatting and look ugly.

How about applying the same java script code simple press uses to all the other tool tips (menu items with a title attrbute in an anchor tag)? As I said I just need them to look the same.

When you turn off the styled tooltips within the forum all you are doing is reverting to the normal and standard browser tooltips. Unless – as I said earlier – your site is running a different tooltips script. You can’t style browser tooltips so if they are not bring displayed in standard form that suggests a third party at play.

Yes – you can load the WordPress standard tooltip script, You will also need the main jQuery and the jQuery UI libraries. And then you would need to copy the appropriate CSS from the SP theme into the WP theme styles CSS and initialise the routine at load time.

ok thanks heaps. I think I have figured out the css and I will enqueue the Jquery libraries you mentioned.

1. But, I just cant figure out the java script code needed. Could you please tell me what code goes in the javascript file? This of course I will enqueue too.

2. Is this all the css for tooltips

.ttip {
    background: blue;
    color: red;
    font-family: inherit;
    font-size: 0.85em;
    line-height: 1.2em;
    max-width: 300px;
    padding: 8px;
    position: absolute;
    z-index: 999999;
}
body .ttip {
    border: 1x solid #ffffff;
}

Thanks heaps

Yes – the .ttip class should be all you need. At least as far as I am aware.

The Script to initialise it – 

jQuery(document).tooltip( {
    tooltipClass: "ttip",
    position: {
        my: "left+20 top",
        at: "left bottom+10"
    },
    track: false,
    content: function() {
        var element = jQuery(this);
        if (element.prop("nodeName") == "IFRAME") {
            return '';
        } else {
            return element.attr( "title" );
        }
    }
});

try that…