Question Questions ⇒ Needing some help with QTE location before post title

[Reziem]

Hello,

I have QTE installed and I am running into an odd behavior where the attribute is being placed above the posts title.
Like below:



I'd like it to the left inline with the posts title like on this forum.
I am not sure why it's doing this.



Any help is greatly appreciated. Thank you.

[Sniper_E]

I'm not familiar with this QTE extension.
If it has a stylesheet, that can be adjusted with a display: inline-block; or if the event template has a <br>, that could be replaced with a space.
Looking at that topic in my browser I could use inspect and see why it sits on top of the topic title. Looking at an image you can't see why.

Edit: I see dm uses the inline-block and there is no <br> in the event template.

Code: Select all

.qte_support-qte {
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
    margin: 1px 5px 1px 1px;
    padding: 0 3px;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
    background: #e5ffdf none repeat scroll 0 0;
    border-color: #43a347;
    color: #4C5D77;
}

[Reziem]

I'm not familiar with this QTE extension.
If it has a stylesheet, that can be adjusted with a display: inline-block; or if the event template has a <br>, that could be replaced with a space.
Looking at that topic in my browser I could use inspect and see why it sits on top of the topic title. Looking at an image you can't see why.

Edit: I see dm uses the inline-block and there is no <br> in the event template.

Code: Select all

.qte_support-qte {
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
    margin: 1px 5px 1px 1px;
    padding: 0 3px;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
    background: #e5ffdf none repeat scroll 0 0;
    border-color: #43a347;
    color: #4C5D77;
}

Thank you got the quick reply.
I am actually using that exact code snippet you shared and it's still displaying above the title.
(I have purged and F5 refreshed the browser)

It's weird it's like something is pushing it over.

[Sniper_E]

Well, like I said I can not see what could be causing that looking at an image.
You could post the url where that is located, or if you want to keep your site url private the send me a PM and I'll look at it.

[Reziem]

Well, like I said I can not see what could be causing that looking at an image.
You could post the url where that is located, or if you want to keep your site url private the send me a PM and I'll look at it.

This forum is being used as a private make shift ticket system for the company I work for. I do not feel comfortable sharing it at all. Sorry about that.
What area of the code do you need to view? Do you want me to simply right click and inspect the actually QTE Title? Are you wanting to see the .css file?

[Sniper_E]

In inspect you can see the template codes and the css. You can also edit the template and the css in inspect.

But like I said you can not tell what is causing that by looking at a screenshot so you will have to use inspect yourself.

This is what you will see.


When you right click on the page body and select inspect this will show up. Mine is positioned at the bottom of my page.
In the left of that image is the template showing the codes. In the right of that image is the css of the selected line.
If you click the line below it with the <a and the title, then you will see the css for .a in the right.
You can change the css to see what needs to be changed in the files to make it line up right.
There is a <br> after the title which is correct, but there should not be a <br> before the title.
If there is no <br> there then the css could be what is causing that line drop.

You have to play with the css or the html and see if you can get it to line up correctly in inspect.
Then you will know what changes you need to make in the files to fix that. Good hunting.