Skip to content

Get our WordPress Plugins . Feed Them Social . Unlimited websites for $199.00

SlickRemix
  • Products
    • All Access Pass
    • Feed Them Social
      • FTS Premium
      • FTS Combined Streams
      • FTS Facebook Reviews
      • FTS Carousel Premium
    • Hide WooCommerce Products & Categories
  • Demos
    • Feed Them Social
  • Support
    • FAQS
    • Documentation
      • FT Social 4.0+
      • FTS Legacy
      • Feed Them Gallery
    • Create Support Ticket
  • News
  • Checkout
  • My Account
Popular Search installactivatesystem infoshortcodesyste,

Feed Them Social

  • Installing and Activating
  • Creating a Social Feed
  • Add Feed to a Page, Post or Widget
  • Shortcode Location
  • Convert Old Shortcode
  • Create YouTube API Key
  • Feeds 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
  • Home
  • Documentation
  • Feed Them Social
  • Feed Them Social Settings
  • CSS: Instagram Header

CSS: Instagram Header

Table of Contents
  • Alignment & Text Color

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
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on January 30, 2023
CSS: Responsive GridCSS: Facebook Photos
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 been simplifying your daily life with our WordPress plugins for over 10 years. 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.

From creating galleries to selling Images & making your social media presence visible we've got you covered. We offer 30 Day Money Back Guarantee and support 5 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 you need it.

Feed Them Social

  • View Examples
  • Documentation
  • Free Download

News & Updates

As of Monday February 20th, 2023 the 4.0.0 version of Feed Them Social has been launched. Click here if you are having trouble and need to convert your shortcode.

Regretfully Feed Them Gallery is being removed from our store because it did not gain the traction we had hoped for. We will support current premium users of the plugin until August of 2023.

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.

© 2023 SlickRemix . Refunds . Terms . Privacy Policy