# Browse Page Settings You can change the look of your Animal Browse Pages. :::success **Where do I find it?** You can find the [Animals Browse Page Settings](https://manage.rescuegroups.org/animals_settings_browse)  by going to **Animals > Settings > Animal Browse Page Settings.** ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/5a00a3b5-54e7-4a94-879d-05cafcb5a22d/browse%20page%20settings.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261024%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261024T150000Z&X-Amz-Expires=86400&X-Amz-Signature=b91366381915b9705b40352fc6b2aae97ab667e75ce7c07ed52fc7bb599c0fff&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =403x73") ::: # About the animal browse page settings There are eight settings to use for customization of your animal browse page, as pictured below: For more information about each of these settings, see [Animal Settings for Website](/doc/c62c4f13-70b7-4916-9222-778a558f8588). ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/770ec57f-4db4-4aef-a12d-a5303d5c69e8/animal%20browse%20page%20full%20fields.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261024%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261024T150000Z&X-Amz-Expires=86400&X-Amz-Signature=4d4d578a0a9af842cae36c30f6b434aa7d34b7ca0a4e89444ea8cfe5a8d353d6&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =255x455.5") # Select a layout There are four selections of layout: * Picture and name only, with the name below the photo * Basic style (the default style), lists the animals on the right side, with their photos on the left * Column/grid style, which resembles a table, and uses a small portion of the description * Picture and name only with the name on top of the photo See the examples below to view the various layouts ## Examples of browse page layouts * Browse Page Layout: Basic Style * Width: 600 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/e016846a-e789-4987-bee4-1924c592a952/browse-default.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261024%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261024T150000Z&X-Amz-Expires=86400&X-Amz-Signature=744c853cc1f928e2142cf598603aa933199e561d284b1c22264eaf7cb479c794&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =596x666") * Browse Page Layout: Picture and Name Only (name below picture) * Width: 600 * Columns: 4 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/32aa2485-67f5-41ed-af12-5b1b10dca375/animal-browse-grid.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261024%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261024T150000Z&X-Amz-Expires=86400&X-Amz-Signature=337025d10d6e1f9ceecc09bd61637075b72780615443dfefbb1101214ed6d7d1&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =665x454") --- * Browse Page Layout:  Picture and Name Only (name below picture) * Width: 600 * Columns: 4 +++++ **==Add this to your CSS==** ```javascript .animalBrowsePanel hr { border-color: #fff; } .animalGrid .border { border-right: 0px; } .animalGrid .searchResultsCell { text-align: center; } .animalGrid .searchResultsCell img { border: 1px solid #E4E4E4; padding: 8px; } .animalGrid .petNameBottom { margin: 8px 0 2px; padding: 10px 0; } ``` +++++ ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/0d2fcf91-ba63-4daf-b15e-f9132fb8b86d/grid-styled.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261024%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261024T150000Z&X-Amz-Expires=86400&X-Amz-Signature=62938c57bbbeeb51756c4fd6a0c3d1af5f8efc7c6f18deee10b628d197da80ab&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =737x476") * Browse Page Layout: Column/Grid Style * Width: 450px * Columns: 3 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/a4c1fb7c-92c8-4d74-8ac1-1d09b95a59d5/animal-browse-alt.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261024%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261024T150000Z&X-Amz-Expires=86400&X-Amz-Signature=d861086609773d2aa135375e74a9bf8dd18f521124d51fbef1e05e2fe9b34442&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =595x592") --- * Browse page layout: Use Basic Style * Animal Browse Panel width: 900px * Animal Browse page columns: 1 +++++ **==Add this CSS to your site==** ```javascript /* //////// BROWSE PAGE /////////////// */ #Page88 .animalimg { width: auto; } #Page90 .animalimg { width: auto; } #Page189 .animalimg { width: auto; } .npLinks { clear: both; } .animalimg { width: 500px; height: auto; } .animalBrowsePanel { float: left !important; } .browseInfo { float: none !important; height: auto; text-align: left !important; width: 800px; } .browsePicture { width: 500px; height: auto; } .browse { height: auto; clear: both; margin-bottom: 15px; margin-left: auto; margin-right: auto; overflow: visible; text-align: left !important; } .browseNoPicture { width: 500px; height: auto; } /* /////////////////////// */ ``` +++++ ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/48da3d2a-9a3a-434b-824b-a6018154f31c/1dd18868-011b-4295-86aa-b1cbae84a72e/animal-browse.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261024%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261024T150000Z&X-Amz-Expires=86400&X-Amz-Signature=1df240d6a624329d36fc7f31c2b0d673dfd3ac5a7bff7342bb393ab937f01e2e&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =921x908") --- **Documents** - [Browse Page Fields](https://guides.rescuegroups.org/s/4a2c57ff-3678-4bc0-8cf0-d6d45df023da/doc/browse-page-fields-xzzqG8rwud)