Skip to content
SlickRemix
  • Products
    • All Access Pass
    • Feed Them Social
      • Instagram, Facebook, YouTube Premium
      • Instagram Pro + Slider
      • TikTok Premium
      • Combined Streams
      • Facebook Reviews
      • Facebook Carousel
  • Demos
    • Feed Them Social
  • Support
    • FAQS
    • Documentation
    • Create Support Ticket
  • Checkout
  • My Account
Popular Search shortcodetwitteryoutubeinstallactivate

Feed Them Social

  • Creating a Social Feed
  • Installing and Activating
  • Add Feed to a Page, Post or Widget
  • Shortcode Location
  • Convert Old Shortcode
  • Instagram Professional Account
  • Connect Instagram to Facebook
  • Get Facebook Album Cover ID
  • Create YouTube API Key
  • Get YouTube Channel ID from @username
  • Feeds Cache
  • WP Super Cache
  • System Info Page
  • Translating the Plugin

Feed Them Social Settings

  • General Settings
  • Styles & Scripts
  • Social Sharing
  • CSS: Responsive Grid
  • CSS: Instagram Header
  • CSS: Facebook Photos
  • JavaScript: Grid in Tabs

Feed Them Social Extenstions

  • Installing Paid Extensions
  • Activating Extension License
  • Comparing Premium and Combined Extensions
View Categories
  • Home
  • Documentation
  • Feed Them Social
  • Feed Them Social Settings
  • CSS: Instagram Header

CSS: Instagram Header

< 1 min read

Alignment & Text Color #

In this post we are going to show you how you can modify the Instagram header slightly with a few custom CSS additions. This CSS can also be useful on darker backgrounds. Take a look at the example photos and custom CSS below.

This is how the header looks with no added Custom CSS

.fts-profile-wrap {
/* This will align the header to the left instead of center */
margin: 0 !important;
}
.fts-profile-wrap {
/* This will change the color of the profile wrap */
color: #FFF !important;
}
.fts-profile-wrap a {
/* This will change the link color of the profile wrap */
color: #cacaca !important;
}
.fts-profile-wrap .fts-follow-header-wrap {
/* This will change the border color of the Instagram Share button */
border: 1px solid #cecece !important;
}
.fts-profile-wrap .fts-follow-header-wrap:hover, .fts-profile-wrap a:hover {
/* This will opacitate the link hover color of the profile wrap */
opacity:.9 !important;
}

 

This is how the header looks with the Custom CSS added. Note: The blue background is not added in our custom CSS, that was just added so you can see the white text and links the new customized header has.

What are your Feelings
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on January 30, 2023
CSS: Responsive GridJavaScript: Grid in Tabs
Table of Contents
  • Alignment & Text Color

All our Extensions on Unlimited Sites for $199

Software License and Support are good for 1 year from the date of purchase.

All Access Pass

About SlickRemix

SlickRemix has spent endless hours supporting and maintaining Feed Them Social for over a decade now. Despite the challenges posed by privacy and API changes from social media companies, they remain dedicated to keeping it up-to-date and the UI styled to the T. We take pride in creating software that can help accomplish your goals so you can spend less time at your computer and more time living life.

We offer 30 Day Money Back Guarantee and support five days a week from our knowledgeable team. You can take comfort that we'll be there to assist in the best and most professional way possible when needed.

Feed Them Social

  • View Examples
  • Documentation
  • Free Download

News & Updates

We’re excited to introduce our newest extension, Instagram Slider, which launched on August 19th, 2024. Explore all the product details and check out the live demo now!

View Outstanding Reviews

We have over 550+ positive reviews on our WordPress plugin Feed Them Social. Check them out and see for yourself. Read Reviews

Payments

Use your Credit Card or PayPal Account to make payments on our site through our safe & secure checkout process. We will never store your Credit Card information or sell your contact info to 3rd parties, because that's just not cool.

Do you need help?

If you can't find the answers you are looking for we would be glad to help point you in the right direction. If you are an existing user you can login to your account and submit a support ticket for help or refunds.

If you have a presale question or you are using one of our Free plugins, you can use the Sales bubble in the lower right corner of our site.

© 2025 SlickRemix . Refunds . Terms . Privacy Policy