Public Forums 71,145 posts

[songgirl1965 Friend songgirl1965Join date: January 2010Posts: 22Downloads:11Uploads:0 Thanks: 4]

#199093

I’m working with the t3_bs3_blank template. I’m just looking for a way to center the contents of the spotlight-1 block. It appears to be left justified by default. I need the modules assigned to the block to always be centered. All continue looking through the forums for an answer to this but would appriciate if anyone might have some insight on how to accomplish this. Thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#539916

So that we can best try to assist you, please provide the url of the site you’re working on

[songgirl1965 Friend songgirl1965Join date: January 2010Posts: 22Downloads:11Uploads:0 Thanks: 4]

#540023

dev.swpl.org If you see the block under the slideshow you can see that the 5 positions in that block are left justified. I need to make that block center justify the modules contained in that block.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#540034

Try This . . . .

If you haven’t yet done so, create a new file called “custom.css” within the appropriate file path
(usually –> /templates/your_template/css/custom.css)

Within that custom.css file, paste the following CSS rule:


.t3-sl .row {
margin-right: auto;
margin-left: auto;
width: 115%;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

For more information on using the custom/css feature —> SEE HERE

1 user says Thank You to TomC for this useful post

1. songgirl1965

[songgirl1965 Friend songgirl1965Join date: January 2010Posts: 22Downloads:11Uploads:0 Thanks: 4]

#540058

Excellent… that did the trick. Is there a similar method to decrease what I’m assuming is the padding at the bottom of this block. There is… IMO an excessive amount of white space between this block and the main/sidbar block underneath of it. I tried adding a padding-bottom at 0px to the same CSS line you suggested but this had no effect that I could see.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#540064

Sure, here’s what you can do . . . .

Within the same custom.css file, paste the following CSS rule:


.t3-mainbody {
padding-top: 0;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

How does that look? 😎

1 user says Thank You to TomC for this useful post

1. songgirl1965

[Author]

Posts