Community Forums › Forums › Archived Forums › Design Tips and Tricks › Sixteen-nine pro: Increasing displayed size of logo image
Tagged: increase logo size
- This topic has 2 replies, 2 voices, and was last updated 6 years ago by Horstmalibu.
-
AuthorPosts
-
April 12, 2018 at 4:38 pm #218934HorstmalibuMember
Hi there,
I am using a sixteen nine pro theme for my blog and am trying to increase the circle diameter located in the header section, in which currently my face is displayed. I included my site in the URL section.
I tried the following advice from the support team (It is a bit long so please bear with me):
"1. Edit the width and height values here in functions.php (no 'px' unit is required here):
//* Add support for custom header
add_theme_support( 'custom-header', array(
'admin-preview-callback' => 'sixteen_nine_admin_header_callback',
'default-text-color' => 'ffffff',
'header-selector' => '.site-header .site-avatar img',
'height' => 224,
'width' => 224,
'wp-head-callback' => 'sixteen_nine_header_callback',
'header-text' => true,
) );2. Alter the style.css file width and height values here (the 'px' unit is required for CSS):
.site-header .avatar,
.site-header .site-avatar img {
border-radius: 50%;
display: block;
float: none;
height: 112px;
margin: 0 auto 24px;
width: 112px;
}3. Re-upload your logo at the same size as the new values you have set.
If your new logo is wider than 240px, you will also need to increase the width of the left column so the logo appears correctly at large screen widths, and adjust the other columns to fit. (The 'site-header' appears on the left at larger screen widths, and has a fixed width of 240px set in the CSS. You could keep your new logo size below 240px to avoid having to make bigger CSS changes to the column widths.)"
-------------------------------------------------------I have tried exactly that, but for whatever reason the circle is not increasing in size. I've tried changing height and width up to 230px - but it stays exactly how it is now. The reason why I want to change it, is because I want to replace the picture (currently of my face), with my new logo, which I'd like to be displayed in a much bigger size.
Any ideas on what I could be doing wrong?
Thank you and best regards,
http://www.felixdigests.com
FelixApril 13, 2018 at 5:03 am #218942Victor FontModeratorThis is what I see in your CSS:
.site-header .avatar, .site-header .site-avatar img { border-radius: 50%; display: block; float: none; height: 112px; margin: 0 auto 24px; width: 112px; }
You're also using a caching plugin. Turn of caching when you develop. You cache won't update automatically when you make changes to style.css.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?April 16, 2018 at 1:31 pm #219027HorstmalibuMemberThank you Victor!
Turning off the cache plug-in did the magic.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.