Deprecated: Function get_currentuserinfo is deprecated since version 4.5.0! Use wp_get_current_user() instead. in /var/www/html/wp-includes/functions.php on line 5383

Reply To: Customization

New Front EN Support Forums Pre-Order Questions Customization Reply To: Customization

#75
mmsatori
Keymaster

Hi Mile Geek!

To answer your questions:

1). Since Fuji is a responsive theme, both the width and the height of the header image needed to be fixed in order to show correctly on different devices, including smartphones and tablets (try resizing the browser to see what I mean) – so they cannot be changed from the theme admin. However, the height of the header image can still be changed by implementing a simple change in the code: I’d need to go to “Appearance – Editor” menu, click on the “lessframework.css” file from the right list (one of the bottom-most entries), and add these lines of code into the textarea, below everything else:

@media only screen and (min-width: 1020px) { #header-image, #header-image img { height: 330px !important; } }
@media only screen and (max-width: 1020px) and (min-width: 767px) { #header-image, #header-image img { height: 242px !important; } }
@media only screen and (max-width: 767px) and (min-width: 480px) { #header-image, #header-image img { height: 150px !important; } }
@media only screen and (max-width: 479px) { #header-image, #header-image img { height: 100px !important; } }

..and replace the numbers after the “height:” selectors with your desired parameters; then click “Save”.

Just in case – if by “header images” you meant the featured images above content in posts – then it’s much simpler – their height is adjusted automatically depending on the uploaded image :)

2). Again, since this is a design feature of the theme, we will need to add a small piece of code: go to “Appearance – Editor” menu, click on the “style.css” file from the right list (one of the bottom-most entries), and add these lines of code into the textarea, below everything else:

.widget-sidebar h3 { width: 100% !important; }

then click “Save”.

3). This one is easy :) The logo is an image; you can change the logo image and upload any image you want (in .jpg or .png format) in the “Page Elements” tab of the “Theme Options” admin menu.

If you have more questions, do not hesitate to ask!

Sincerely,
Andrew | Satori