Centering board titles/images on a theme

[Shaliza]

Forum URL: allkindsofeverything.boards.net

Hello

I have a question about centering board titles and the board description images on my current, default theme. I was wondering if someone can help me with the coding that I can add to the style sheet for the theme. 

I would like the theme to look like the centering on this board:

friday-night-lights2.proboards.com


Thanks so much for the help as always.  

[Shaliza]

Please can someone help me with this?

Thank you!

[Kami]

There are a few ways you can do this, but it depends on how you are adding the board description images. Could you elaborate on how they're being added?

[Shaliza]

Hello Kami

Sept 29, 2020 12:18:02 GMT -8 Kami said:

There are a few ways you can do this, but it depends on how you are adding the board description images. Could you elaborate on how they're being added?

I am actually using the Board Description Images plugin to get the images to show up for the board titles. I have never used another method to upload the images. 

Thanks for the help.  

[Kami]

Sept 29, 2020 16:08:51 GMT -8 Shaliza said:

Hello Kami

Sept 29, 2020 12:18:02 GMT -8 Kami said:

There are a few ways you can do this, but it depends on how you are adding the board description images. Could you elaborate on how they're being added?

I am actually using the Board Description Images plugin to get the images to show up for the board titles. I have never used another method to upload the images.

Thanks for the help.

Looking at the example forum, they are not using a plugin for their images (no plugins listed on their page source affect the board descriptions). In light of that, they're probably simply putting the IMG tag inside their board description, which accepts UBBC.

As far as centring things, it's pretty simple CSS though you shouldn't need to do it -- you can go to your theme settings in the admin panel, under advanced styles & css, in the visual editor tab. Under the section "pages" there is a subsection called Categories (Board Lists). Click on this, and you'll see another subsection called Column Alignments. Change the "Main" alignment to "Center" and this will centre-justify the parts you wish to be centre-justified (:

[Shaliza]

Thanks again, Kami, for the quick response. I appreciate it.  

In terms of inserting the image into the Board Description, this would be done in the Structure section, correct? For Categories and Boards?

If I do this, it would affect all the themes, and I have the images only on certain themes right now as the Plugin can be activated for only these. So is there a way for me to add the image with the centering only for certain themes, but not globally?

[Kami]

Sept 29, 2020 17:11:08 GMT -8 Shaliza said:

Thanks again, Kami , for the quick response. I appreciate it.

In terms of inserting the image into the Board Description, this would be done in the Structure section, correct? For Categories and Boards?

If I do this, it would affect all the themes, and I have the images only on certain themes right now as the Plugin can be activated for only these. So is there a way for me to add the image with the centering only for certain themes, but not globally?

Yeah that is correct.

Unfortunately, I'm not familiar enough with this plugin to say. Based on what I'm looking at in the source code, the plugin adds a class to your images that makes them float to the right of the rest of the board description.

In theory, you could probably override this, but it may have unintended consequences. Have you checked the plugin settings to see if you can align this centred?

[Shaliza]

Thanks again, Kami.

The Board Description Image plugin does not have a center option only right, left, slide down and fade over. I guess I can see what happens to the image when I center the board titles. Will definitely get back to you on this. 

I appreciate the help as always.  

[Shaliza]

Well I tried centering the board titles in the Visual Editor and the image remained on the left. So will need to figure out another way to make the image centered also and only for certain themes but not all of them.

[Nscalerr]

Hi Shaliza adding this to the bottom of the themes stylesheet should move the images to the center for you.

.boards .title_wrapper img {
   text-align: center;
}

[Shaliza]

Sept 29, 2020 22:37:02 GMT -8 Nscalerr said:

Hi Shaliza adding this to the bottom of the themes stylesheet should move the images to the center for you.

.boards .title_wrapper img {
   text-align: center;
}

Thank you so much for this, Nscalerr. I've not had the chance to play around with this yet, but I will soon and let you know how it worked.

Thanks again! *hugs*

[Shaliza]

Sept 29, 2020 22:37:02 GMT -8 Nscalerr said:

Hi Shaliza adding this to the bottom of the themes stylesheet should move the images to the center for you.

.boards .title_wrapper img {
   text-align: center;
}

So today I tried playing around with this coding at long last. Sorry it took me so long, but was busy with work and life in general. 

Unfortunately this coding did not work to center the images. I think the problem is because the images are inserted using a plugin which does not have a center option only left/right/fade down. So without tweaking the plugin I'm not sure centering the images will be possible. That's ok though, and thanks again for the help as always.

[Nscalerr]

In that case we will have to bring in a big hammer and knock it in to place with the !important tag.

.boards .title_wrapper img {
   text-align: center !important;
}

[Shaliza]

Nov 1, 2020 22:47:04 GMT -8 Nscalerr said:

In that case we will have to bring in a big hammer and knock it in to place with the !important tag.

.boards .title_wrapper img {
   text-align: center !important;
}

Thanks for this, but unfortunately it didn't work either. I think it's because the modification needs to be made to the Board Description Image Plugin itself, rather than the style sheet. 

I really appreciate the help though and thanks again!

[Nscalerr]

That should have overrode the plugin, unless it is using a weird class.

I need to have a look at the actual theme this is being applied too, then I can work out what is going on!

If you add me to a group with just me in it, then you don't need to make the theme public!