Thread Area Issues

[pika1995]

Forum URL: oceansavenue.proboards.com/


1. The action bar is clinging to the top of threads instead of being on par with the search bar
Visual example: i.imgur.com/iyNl25r.png

2. The quotes are a disaster. I did something wrong, but I forgot where I exactly did it.

This is how the quotes should look (default theme skin for quotes): i.imgur.com/Tei6e1R.png
This is what they currently look like: i.imgur.com/kQdV5KO.png

3. Every time I try to delete a post I get a pop-up error message and I'm not sure why
Visual example: i.imgur.com/uzPgG3z.png

4. The pagnitions located at the top and bottom of the page are off.
The top one is too small, and the bottom one is too big.
The bottom one also is inside the box of my reply area.

Size of the top  pagnition: i.imgur.com/9KJm57S.png
Size and location of bottom pagnition: i.imgur.com/dBA3KCX.png
What the size of both of them should look like (I changed themes to an old skin to illustrate this): i.imgur.com/TzPUnA0.png

(I went off the codes found in this thread for guidance: support.proboards.com/thread/438686/add-pagination-links-bottom-threads)

Thank you.

[Tumbleweed]

pika1995,

I doubt anyone can help you unless we can view the theme you are having trouble with and it looks like the theme I'm looking at has none of those issues. Otherwise, you might have to post the various templates that are causing the issue but I'd do them one step at a time so we can work on one thing at a time. Up to you which route you want to go but I can't hazard a guess on any of those without knowing what you did on your end.

[pika1995]

Tumbleweed

Sorry, I made the old theme the default by accident. The theme that's having these issues is now the default.

Whatever you need copied and pasted, I can do that. I'm just not sure what I should be copying and pasting so just ask.

[Tumbleweed]

Thanks pika1995 ,

I can't really find what went awry with #1 but a quick fix would be to add this to the bottom of your style sheet.

.container.posts .ui-selectMenu-box {
margin-top: 5px;
}


For #2. Can you link to a thread where you did quotes.

The last two, I haven't a clue at the moment and am heading off line anyway so maybe someone else will meanwhile, jump in here.

[pika1995]

Even though you're probably sleeping now Tumbleweed, here's a link to a quote post:

oceansavenue.proboards.com/post/72130/thread

[Kami]

Guests do not have permission to access that post.

[pika1995]

Kami My bad, I just unlocked it.

[Tumbleweed]

pika1995 ,

I took a quick look at the quotes on your site and this is what I came up with so try adding this to the very bottom of your style sheet:


.quote {
position: relative;
top: 0px;
border-radius: 10px;
margin-top: 7px;
margin-bottom: 8p;
padding: 10px 10px;
background-color: #b8b8b8;
margin-bottom: 8px;
}
div.quote_body{
color: #000000;
background-color: #f9f7f8!important;
background-position: center bottom;
border-radius: 10px;
padding: 4px;
}


If that seems to help it, you might want to go through your css and try to find where have those particular classes and fix them and if you can't find them then just leaving the css at the bottom would be fine. Let me know as I may have overlooked something.

[pika1995]

Thanks, Tumbleweed ! You fixed 1 and 2 great.

EDIT: Actually Tumbleweed, there seems to be an extra border around the posts now.
Visual example: i.imgur.com/srFIdFM.png
I tried fooling around with the code you gave me, but nothing would remove it (or it did, but it ended up looking messed up).

Also, to make the styling easier, I'm trying to get rid of the sub-quote. I know that's a div.quote_body function, but I can't find it in my Thread template to remove it.
Visual example: i.imgur.com/qjtgbMw.png

--

Since you said 3 and 4 look complicated, I'll tag Brian since he probably knows how to do it (sorry Brian, me again  ).

[Brian]

For #3, the error is appearing because you're using the class item in your mini-profile template. item is a class used in our lists (for example, the <tr> tag containing that post has the class item), so it's confusing our list manager JS. Removing or replacing that class from elements within your mini-profile should prevent the error from occurring.

For #4, the pagination showing in the quick reply is due to the CSS you have telling it to float to the right on line 1718 of your theme's style sheet.

.secondary_pagination { padding: 0 5px; margin-bottom: 10px; float: right; }

You can either remove the float property or add this below the secondary pagination in your Thread template if you still want it to be to the right.

<div style="clear: both;"></div>

As for the top pagination, I'm not seeing any issues as far as its display goes. It look the same as the pagination on the default theme except without a background color on the bar behind it.

[pika1995]

Oh, so I'm guessing I'll just have to deal with that error (cause when I removed the item functions, the backgrounds and personal text disappeared off the mini-profiles). The posts still get deleted even with the 'item' class being in there, I just didn't know if that error meant something bad.

As for the bottom pagination, it's now thankfully above the reply box. But the font is still very big on it. I tried fooling around with using font size: 5px; in the Advanced CSS, as well as <div style="font-size: auto"></div> in the Layout Template, but it would not replicate the look of the upper pagination.

[Brian]

If you want to retain the styles of the mini-profile, change item to something else, then make that same change to .item on lines 1701 and 1702 of your style sheet as those are the lines that control the backgrounds of that section.

For the bottom pagination, try adding the class container to the secondary pagination div. That seems to be the only notable difference that's changing how the CSS targets it.

<div class="container secondary_pagination">

[pika1995]

Thanks Brian, you're the best.

Since you're online, I was wondering if you could answer this question as well. Tumbleweed lives in Europe I assume since he responds at 1:00AM my time so it may be awhile before he logs on.

EDIT: Actually Tumbleweed, there seems to be an extra border around the posts now.

Visual example: i.imgur.com/srFIdFM.png

I tried fooling around with the code you gave me, but nothing would remove it (or it did, but it ended up looking messed up).



Also, to make the styling easier, I'm trying to get rid of the sub-quote. I know that's a div.quote_body function, but I can't find it in my Thread template to remove it.

Visual example: i.imgur.com/qjtgbMw.png

[Brian]

Tumbleweed is actually very much American and can stay up as late as she wants.

The quote borders are due to the quote having both a background color and padding on lines 1721 through 1730 of your style sheet. Removing those will make them adopt the border you have specified in the Quotes section of the visual editor.

If you want to hide quotes within quotes add this to your style sheet.

.quote .quote {
    display: none;
}

[pika1995]

Oops, sorry Tumbleweed. 

I removed both the background color and the padding from the CSS, but it's not allowing a change of color inside the visual editor (I went to Visual Editor -> Threads (Post Lists) -> Posts -> Odd-Numbered Coloring and Even-Numbered Coloring). I went to my thread template to see if I had a specified color for the quotes instead of an @ function being used but didn't see anything.