Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How can I change social icons to the top or on the header for Flatiron template ?


MiniMini

Question

8 answers to this question

Recommended Posts

  • 0
10 hours ago, MiniMini said:

Site URL: https://www.jungmin-studio.com/

I'm using Flatiron template and I can see the social icons on the footer. I want to move to the top or header. Can you help me? 

Above logo or next to Navigation Items?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 9/1/2021 at 9:07 PM, Pocamuffin said:

Did you get a solution for this? Thanks.

Can you share link to your site? Which position you want? We can take a look

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
22 hours ago, Pocamuffin said:

Hi – this is the link to the site: http://alextreadway.co.uk/

There's two things I can't seem to do. First, I can change every font in CSS except the date on the blog... http://alextreadway.co.uk/journal

I would also like to have the social link (instagram icon) at the top near the navigation. Is there a way to do this? Any help much appreciated. Thanks, Alex

#1. Use this CSS

time.published {
    font-family: 'National2Condensed' !important;
}

#2. Icon next to Alex icon?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
17 minutes ago, tuanphan said:

#1. Use this CSS

time.published {
    font-family: 'National2Condensed' !important;
}

#2. Icon next to Alex icon?

Amazing – thanks so much! The date has changed font which is great but it's making it bold. Any way to stop it making it bold? 

Re Social icon – yes just to the right of the navigation at the top would be great. No idea how to do this. 

Link to comment
  • 0
On 9/16/2021 at 8:16 PM, Pocamuffin said:

Amazing – thanks so much! The date has changed font which is great but it's making it bold. Any way to stop it making it bold? 

Re Social icon – yes just to the right of the navigation at the top would be great. No idea how to do this. 

#1. Use this code

time.published {
    font-family: 'National2Condensed' !important;
    font-weight: normal !important;
}

#2. Add to Design > Custom CSS

header#topBar a[href*="instagram"]:before {
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
    visibility: visible;
}
header#topBar a[href*="instagram"] {
    visibility: hidden;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...