Styling Block Titles

Posted in: Newspaper
Post count: 36
strawberrybase
#80416
Nov 24, 2015 at 8:07 pm

Hi,

i’d like to style the block titles on…

http://www.dynamicevents.org/test/

so they resemble the look of my old site…

http://www.darcmagazine.com

So, to be clear, the background colour of the ‘Projects’ block title (maroon on my test site) will span the full length of the column rather than just the word. Much like the ‘Latest Issue’ block title (in green) does on my old site. Is this possible?

Thanks

Post count: 23312
Catalin
#80525
Nov 25, 2015 at 10:45 am

Hi strawberrybase,

Please try the code below and fix the problem. Place the code in Custom Css area, in Theme Panel.

.td_block_slide .block-title > a {
width: 100%
}

The result you should see here: http://screencast.com/t/tZWdtIvIn

Also, if you want to have this style for another block, please replace this class .td_block_slide with the class block used, for example: td_block_6, or td_block_5, … etc.

I hope this helps and let us know how it goes!

Thank you!

Post count: 36
strawberrybase
#80552
Nov 25, 2015 at 11:45 am

Thanks, this has worked for the most part.

I’ve also changed block 6, which is working, but block 7 and 12 aren’t. I’ve used the code below, is there something incorrect with it?

.td_block_slide .block-title > a { width: 100% }
.td_block_6 .block-title > a { width: 100% }
.td_block_7 .block-title > a { width: 100% }
.td_block_12 .block-title > a { width: 100% }

Thanks

Post count: 23312
Catalin
#80594
Nov 25, 2015 at 2:30 pm

Hello,

Not all blocks use the same method of applying the title. Some use a span tag. You will need to adjust the code for these blocks like so:
If you set a link to your block title then the previous code will work. If the title is not a link, the theme uses a span:

.td_block_6 .block-title>span { width: 100%;}
.td_block_7 .block-title>span { width: 100%; }
.td_block_12 .block-title>span { width: 100%; }

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.