In this article we will share the most common CSS changes that you can use to customize your Feedlink page.
​

The idea with the Custom CSS option is to give you an entire flexibility to make sure the design of the social media feed fits with your website branding and layout.

If you want to take a closer look or play around with the code, you can do so by using the "Inspect" function in your web browser. This will allow you to see which CSS classes are used on different elements on the page.

To get started, follow these steps:

That's it ! You have now successfully added custom CSS to your Feedlink page.

Let's take a look at the different CSS classes that you can use to style your page.

Bio block

The CSS class for changing bio block is .profile-section-container

Social Media Icons

The CSS class for changing the social media block is .social-media-icons-container
​
​

Links

The CSS class for changing your links is .custom-link-container
​
​

Feed
The CSS classes for changing your TikTok and Instagram are:

.instagram-link-container

.tiktok-links-container

Example of custom CSS code

Here is an example for the changes of the design and style for your page:

Example 1:

.profile-section-photo-container .profile-section-profile-photo {

width: 100px;

height: 100px;

}

Here is the change:

Example 2:

.custom-link-container{

border-radius: 10px 0 10px 0;

}

Here is the change:

Example 3:

.instagram-link-container{

width: calc(50% - 2px);

}

Here is the change:

Please note: If you want to change the border of your feed you should also add this code in the class:
​box-sizing: border-box;