Changing block size

Permalink
Hello,

I have created another discussion in the past for something similar to this, but this is a different subject.

I would like to change the size of a block in the main section. Does anyone knows which is file contains the sizes?

Thank you!

vasileiosg
View Replies: View Best Answer
WillemAnchor replied on at Permalink Reply
WillemAnchor
There are a few ways. Best is to take into account that the size of the screen can be different (mobile, responsive design).
1. create a layout with columns and insert your block into it.
2. add bootstrap grid classes to the block directly ('col-xs-12 col-sm-6 col-md-3' eg to make it resp. full-width, half-width- 1/4-width for extrasmall, small, medium screens)
3. add a custom class to the block: 'myClass' and add custom css:
.myClass { 
max-width: 50%;
max-height: auto;
}

http://www.anchor-ict.com/blog/concrete5-add-css-block...

Good luck!
vasileiosg replied on at Permalink Reply
vasileiosg
Thank you! I will look for option 3, but in regards to option 2, which file is the one that keeps the specific class?
WillemAnchor replied on at Permalink Reply
WillemAnchor
That's saved to the database in CollectionVersionBlockStyles and CollectionVersionBlockStyles (customClass) for the block.
And CollectionVersionThemeCustomStyles for the Theme
The css is saved to StyleCustomizerCustomCssRecords
vasileiosg replied on at Permalink Reply
vasileiosg
thank you! The custom class did not work unfortunately at all. In regards to the database, that would be something for sure i want to avoid. i know that for changing header, you edit the header.php and for footer the footer.php. Which one holds the main? I prefer editing the files rather than the database.

Thanks again!
WillemAnchor replied on at Permalink Reply
WillemAnchor
How did it not work ? did you follow the steps in my blog ?
Did you clear the cache ?
vasileiosg replied on at Permalink Best Answer Reply
vasileiosg
Hi, sorry i didn't answer to you earlier, i didn't see it!

I changed the size of the blocks by using the inspector on safari. when i found the right values, i applied them to the header.php
WillemAnchor replied on at Permalink Reply
WillemAnchor
Applying changes to the theme files isn't that great to solve this.
What will happen when you upgrade the theme ? And will you still remember these changes in a few years time ?

You can almost always do this with css, but you might have to use a more specific selector.
Anyways, good luck