Skip to main content
All CollectionsFeedlinkProduct and Features
How to customize your Feedlink page using Custom CSS
How to customize your Feedlink page using Custom CSS

Frequently used CSS classes to customize your Feedlink page

Marija Azhderska avatar
Written by Marija Azhderska
Updated over a year ago

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.

If you still don't have an Feedlink account, click to start a 7-day trial.

To get started, follow these steps:

  • Step 1: Go to Feedlinks and open the page you want to edit

  • Step 2: Click “Custom CSS” from the side bar on your left

  • Step 3: Add your Custom CSS

  • Step 4: Click "Apply" to save the changes

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;

If you have any questions, click the bottom right chat icon to talk with our customer success team or send us an email at support@embedsocial.com

We're here for you 🙏

Did this answer your question?