I see a lot of people having issues coding pet profiles. This is mostly due to the fact that Subeta utilizes a “fluid” layout, which means that the width of the layout will adjust to your browser window size. This makes coding “static” (one-size; unchanging) pet profiles difficult if you’re not a strong coder. I’ve written a short “reset” code that should make coding a static pet profile a bit easier.

What the code will do:

1. Remove the fluidity of the layout so it’s the same size for all window sizes.
2. Remove all elements of the layout except for the pet information: header, sidebar, postcards, bookmarks, etc.
3. Remove the empty space that can sometimes occur at the bottom of the page.

The Code

#content {
height: auto !important;
margin: 0;
padding: 0;
}

#page {
margin: 0;
width: auto;
}

#pet_info {
margin: 0;
width: auto;
}

#column_1, #column_2, #column_3 {
width: auto;
padding: 0;
}

#bookmarks, #rightbg, #postcards, #header, #menu, #sidebar {
display: none;
}

Don’t be afraid to experiment with the code! It’s only a base to build your pet profile on. Please comment if you find any errors or issues with the code.

As always, comment on this post if you have any questions or comments!