Center thread titles?

[nekobot]

How do I center thread titles on just one category?

[Tumbleweed]

Sept 11, 2015 17:39:55 GMT -8 nekobot said:

How do I center thread titles on just one category?

Do you still need this? The only way I could figure out how to do this was by adding a style to each of the boards headers in that category and adding a tiny id to one of the div tags in the template, which wouldn't affect any other categories. If you are still interested, let me know.

[nekobot]

Yeah I still would like to know. I want to center the titles on my Gallery.

[Tumbleweed]

Sept 13, 2015 11:49:10 GMT -8 nekobot said:

Yeah I still would like to know. I want to center the titles on my Gallery.

Gallery? Are we no longer talking traditional boards with threads or Todge's Member Gallery Plugin? In the future you need to be a lot more descriptive because I couldn't figure out why you'd mention Gallery unless that was just the name of your category or if by chance you were using the Gallery plugin. I wasted a lot of time first of all, trying to figure out a way to affect all thread title within a specific normal category and then just now going through your last posts to see if you were using that code.  Plus you could have linked to your site which would have saved a lot of time as well. Just for a future reminder if you need help again. Thanks.

So is it the threads listed here you want centered

putteraround2.proboards.com/board/7/cat-3-board-2

Or here.....

putteraround2.proboards.com/thread/29/tumbles-gallery

If the latter, that question should have been posted in Todges thread. Regardless, I'll see if I can't find a solution once I know specifically what you are talking about.

[Azy]

You might be able to put something in the Board template in the Threads tab. Within the {foreach $[thread]} nest, check the thread ID and it's it matches the value of the thread you want centered, apply an inline style to the div tags.

[Tumbleweed]

Sept 13, 2015 14:25:08 GMT -8 Azy said:

You might be able to put something in the Board template in the Threads tab. Within the {foreach $[thread]} nest, check the thread ID and it's it matches the value of the thread you want centered, apply an inline style to the div tags.

But as new members started their own Gallery that would be a new thread ID and he have to add that to the foreach statement. Regardless, I think we need to wait to see if it is the actual thread list or the thread title once in the members gallery but if you want to help nekobot, by all means, go for it.

[Azy]

Ooh I thought it was just one thread that needed centering, not one category Most likely I think you could do that same, but with the board list as opposed to the thread list.
Actually I know it's possible to target specific boards like that, because I experimented in CSS with making the title bar of just one board a different colour. It worked well! No template mods or anything needed, just use inspect elements to find the exact element to change

[Tumbleweed]

nekobot,

I'm going to go ahead and give you the solutions I found for both scenarios before I forget. Just so you know, the gallery plugin altered the way those boards are layed out a bit so had to go by way of targeting each board.

If the thread list as per my first example link add this to the bottom of your style sheet:

span.link.target .board-7{
display:inline-block;
width:400px!important;
line-height:24px;
text-align:center;
}

If you have more than one board using the gallery plugin, add a comma and add that board too as here:

span.link.target .board-7, span.link.target .board-8 {
display:inline-block;
width:400px!important;
line-height:24px;
text-align:center;
}

To get the board number just click on the board and in your address bar, it should say the board number.

<hr>

To change center the title once in that gallery (link 2) you'll need to add this to every board header that you designated to have the gallery plugin.

<style>
.container.posts h1{
position:absolute;
top:18px!important;
left:360px!important;
width:300px;
text-align:center;
z-index;1000;
border: 1px solid red;
}
</style>

Unfortunately positioning this wasn't easy. But try this and play around with the width and top/left positioning to suit your forum. I left that border in there so you can adjust the width to what works and you can see where it is better. You can remove that border when you feel you have things as you want.

Best I could do at this time.

[Azy]

border: 1px solid red;

I love that you use the exact same method I do, even down to the colour choice, to determine block element boundaries 

[nekobot]

Sept 13, 2015 14:04:56 GMT -8 Tumbleweed said:

Sept 13, 2015 11:49:10 GMT -8 nekobot said:

Yeah I still would like to know. I want to center the titles on my Gallery.

Gallery? Are we no longer talking traditional boards with threads or Todge's Member Gallery Plugin? In the future you need to be a lot more descriptive because I couldn't figure out why you'd mention Gallery unless that was just the name of your category or if by chance you were using the Gallery plugin. I wasted a lot of time first of all, trying to figure out a way to affect all thread title within a specific normal category and then just now going through your last posts to see if you were using that code.  Plus you could have linked to your site which would have saved a lot of time as well. Just for a future reminder if you need help again. Thanks.

So is it the threads listed here you want centered

putteraround2.proboards.com/board/7/cat-3-board-2

Or here.....

putteraround2.proboards.com/thread/29/tumbles-gallery

If the latter, that question should have been posted in Todges thread. Regardless, I'll see if I can't find a solution once I know specifically what you are talking about.

..The first link. I didnt mention galleries beforehand because it wasn't really important, I'd just thought it would provide more clarity on what I was aiming for.

But, thanks.

[nekobot]

Sept 14, 2015 13:02:44 GMT -8 Tumbleweed said:

nekobot,

I'm going to go ahead and give you the solutions I found for both scenarios before I forget. Just so you know, the gallery plugin altered the way those boards are layed out a bit so had to go by way of targeting each board.

If the thread list as per my first example link add this to the bottom of your style sheet:

span.link.target .board-7{
display:inline-block;
width:400px!important;
line-height:24px;
text-align:center;
}

If you have more than one board using the gallery plugin, add a comma and add that board too as here:

span.link.target .board-7, span.link.target .board-8 {
display:inline-block;
width:400px!important;
line-height:24px;
text-align:center;
}

To get the board number just click on the board and in your address bar, it should say the board number.

<hr>

To change center the title once in that gallery (link 2) you'll need to add this to every board header that you designated to have the gallery plugin.

<style>
.container.posts h1{
position:absolute;
top:18px!important;
left:360px!important;
width:300px;
text-align:center;
z-index;1000;
border: 1px solid red;
}
</style>

Unfortunately positioning this wasn't easy. But try this and play around with the width and top/left positioning to suit your forum. I left that border in there so you can adjust the width to what works and you can see where it is better. You can remove that border when you feel you have things as you want.

Best I could do at this time.

all "<style>

.container.posts h1{

position:absolute;

top:18px!important;

left:360px!important;

width:300px;

text-align:center;

z-index;1000;

border: 1px solid red;

}

</style>"

does is erase the title, there's no red border.



and how do i get 

"span.link.target .board-7{

display:inline-block;

width:400px!important;

line-height:24px;

text-align:center;

}" to work?

[Tumbleweed]

Sept 14, 2015 21:24:01 GMT -8 nekobot said:

Sept 14, 2015 13:02:44 GMT -8 Tumbleweed said:

nekobot,

I'm going to go ahead and give you the solutions I found for both scenarios before I forget. Just so you know, the gallery plugin altered the way those boards are layed out a bit so had to go by way of targeting each board.

If the thread list as per my first example link add this to the bottom of your style sheet:

span.link.target .board-7{
display:inline-block;
width:400px!important;
line-height:24px;
text-align:center;
}

If you have more than one board using the gallery plugin, add a comma and add that board too as here:

span.link.target .board-7, span.link.target .board-8 {
display:inline-block;
width:400px!important;
line-height:24px;
text-align:center;
}

To get the board number just click on the board and in your address bar, it should say the board number.

<hr>

To change center the title once in that gallery (link 2) you'll need to add this to every board header that you designated to have the gallery plugin.

<style>
.container.posts h1{
position:absolute;
top:18px!important;
left:360px!important;
width:300px;
text-align:center;
z-index;1000;
border: 1px solid red;
}
</style>

Unfortunately positioning this wasn't easy. But try this and play around with the width and top/left positioning to suit your forum. I left that border in there so you can adjust the width to what works and you can see where it is better. You can remove that border when you feel you have things as you want.

Best I could do at this time.

all "<style>

.container.posts h1{

position:absolute;

top:18px!important;

left:360px!important;

width:300px;

text-align:center;

z-index;1000;

border: 1px solid red;

}

</style>"

does is erase the title, there's no red border.



and how do i get 

"span.link.target .board-7{

display:inline-block;

width:400px!important;

line-height:24px;

text-align:center;

}" to work?

On the first one, try changing the pixel amount in top and left. Since I can't see your site, I was just using that positioning for my test site. So fiddle with these numbers as one of those might be just pushing the title off the page:

top:18px!important;
left:360px!important;

The second one, did you put the right board in there?

I those aren't working and you put them in the correct places as I instructed and on the second one, put in the board number with the gallery,  can you leave them in and give me a link to your site. If you prefer, you can pm it to me.  Without seeing your site, it is all just guess work.

[nekobot]

I just wasn't clear on what the board numbers were or what i needed to add to make it function. Yes I put it in the correct place.

utauboards.boards.net/board/15/utau-gallery

[Tumbleweed]

Sept 14, 2015 21:45:35 GMT -8 nekobot said:

I just wasn't clear on what the board numbers were or what i needed to add to make it function. Yes I put it in the correct place.

utauboards.boards.net/board/15/utau-gallery

Thanks, did you put board 15 in there? As you can see by the link you posted your board is 15.

span.link.target .board-15{
display:inline-block;
width:400px!important;
line-height:24px;
text-align:center;
}

Oh and your site is really narrow so you may have to reduce that 400px width to like 240px.

[nekobot]

it just added "
span.link.target .board-15{ display:inline-block; width:240!important; line-height:24px; text-align:center; }" above the thread