Harmonic Theme Site Title
-
Hi there,
I’m working on my website using the harmonic theme and I’m almost done but I have a question regarding the site title. Is there a way to hide the site title background on other pages? Ideally, I’d like to just have the title background I uploaded show on only the HOME + BIOGRAPHY page. Please let me know if this is possible!The blog I need help with is: (visible only to logged in users)
-
Hi.
The issue you describe is the result of using the Front Page Template on multiple pages. You have the following pages set to Front Page Template in the Page Attributes module:
Home + Biography
Music + Discography
Education + Teaching
Gallery
LinksThese five pages are presently displaying two background images. The two images can be replaced at dashboard > Customize > Theme > Title, and Page, respectively.
Only your News page is not set to that template. Therefore it can display a featured image as a header.Don’t hesitate to ask if you have more questions. The following links might be helpful:
Harmonic Theme
overview: https://theme.wordpress.com/themes/harmonic/
demo: https://harmonicdemo.wordpress.com/
Setting up the Harmonic Front Page (with a Front Page Template static front page) -
Thank you so much for getting back to me. What I did instead is making the homepage have a featured image which is what I would like to the landing page to look like as opposed to using the title that would appear on every page.
My last question to get this where I want- is there anyway to JUST have the featured image on the home page? If you take a look at the page you’ll see I’ve got a post and a reply box down there- is there any way to remove that so its just the featured image?
Thank you very much for your help- this is the first website I’ve designed so I’m still getting the hang of everything.
-
My last question to get this where I want- is there anyway to JUST have the featured image on the home page? If you take a look at the page you’ll see I’ve got a post and a reply box down there- is there any way to remove that so its just the featured image?
I don’t see “post” and “reply” anywhere. However, I do see a “Home” and “read more” tabs overlaying the feature image on the homepage. These disappear when you scroll down a bit. I think this might be caused by elongated dimensions of your feature image. The front page feature image is 1818 X 686 pixels. Much wider than it is tall. The ratio might be part of the problem when it gets resized for various screens.
Some effects I notice:
Even on a relatively small desktop monitor such as my 12″ width screen with 1024 X 768 pixels, your image height doesn’t fill the screen. The word “Composer” is obscured on my screen, until I scroll to reveal it. There is an internal scroll bar on the page, which when you scroll or click on “read more” displays an extension of the front page with the URL http://willyrodriguezmusic.com/#content-wrapper. If I zoom out once “Willy” is cropped at the top of your header image and the custom menu disappears.I’m not certain but you might have better success with an image closer to the typical aspect ratio of 16:9. Try to crop the original file image to an approximately 2:1 ratio (width to height) before uploading as a feature image.
-
Wish I had an easier explanation and solution to provide you. I’m trying to understand the issue myself.
-
your image height doesn’t fill the screen.
That’s not correct. The title image fills the screen, but part of the subtitle (“Composer”) doesn’t display, as I mentioned above. The internal scrollbar that appears on my 12″ (1024 X 768) monitor is odd thing to see on a static homepage. It’s purpose is unclear to me. Given the present height of your static front page, the internal scrollbar moves hardly at all, just enough the reveal the tiny part of “Educator” that is cut off without scrolling. It doesn’t allow one to see the word “Composer.” To display that you need to use the browser scrollbar, or the read more button.
Another issue: Your face is partially cropped at standard zoom setting on my PC, with only half of your right eye showing, for example. Also, there is no zoom setting which will display your entire head. Again, I think this is due to the elongated shape of the full header image.
-
Thank you for getting back to me- I’/m going to go through all your points and work with it and I’ll let you know if I have any further questions.
I was able to remove the reply box on the front but what I was referring to is that when you scroll down it then has a large amount of black space (which would be the body of the text of the page). I was just wondering if there would be any way to just completely remove that and have ONLY the featured image on that page.
But let me go through your points and see if I can do some revisions! Thank you very much again
-
is there anyway to JUST have the featured image on the home page?
Yes. I was able to do this on a test website. I wasn’t able to reproduce exactly the behavior of your front page, but I’ve gotten close enough so that I think I can tell you what you need to do to get it appearing as you would like.
The key is the Page Template setting for the front page. I was able to almost reproduce your front page by setting the template of the static front page to either “Default” or “Full Width.” The main difference between mine and yours is that the “Home” tab is much thicker, and the “Home” title below the feature image is also thicker. Were you able to adjust the font? Also, the background is white on mine, below the feature image. When I changed the background to black at Settings > Background, the title “Home” below the feature image became shaded black but still visible. However, these points become irrelevant when we use the Front Page Template.
In order to remove the “Home” title below the feature image, and all the extra space there, white or black, what I did was choose the Front Page Template. After you do that though you need to take two additional steps. Here are the three steps:
1. At Page Attributes of the editor of the page chosen as your static front page, choose the template “Front Page.”
2. At Customize > Theme > Visibility, add check marks to hide each section except “Title.”
3. At Customize > Theme > Title add you feature image. It doesn’t show the feature image set at the page editor. You’ve got to add it here. This is done as follows:
a. At Background, click on the arrow beside “No image.”
b. Insert your image at “Drop a file or select a file.”
c. Save the change.This will remove the space and the “Home” title below the feature image. It also removes the links (Home and Read more) presently overlaying you feature image. Once you completed the above steps you might find that the image needs a bit more tweaking. The word “Composer” for example rests on the border of the black bar at the bottom with the WordPress and theme links. Let me know how it works out.
Final note: The front page template does not display comments, regardless of the setting at Discussion or at All Pages (Quick Edit).
-
That does work for the front page, but then when I go to any there tab the title image is there. I don’t want people to have to scroll down past the title image every time to see the rest of the page.
I really just want the home tab to look like a landing page.
-
also I’ve been working with the page for an hour and another alternative that might looks good if, in place of the grey space thats there now I could put some widgets like the calendar plugin, recent posts and facebook like box. I do not have the hide widgets box checked.
-
also the post from lydialiebman is from me- I didnt realize I was signed into to my fiances account earlier- sorry if there was confusion.
-
@ lydialiebman,
That does work for the front page, but then when I go to any there tab the title image is there.
That was the issue that willytimba had on his website, http://willyrodriguezmusic.com/, but it’s been resolved. The static front page feature image now displays only on the front page.
I’d like to help you but first I’ll need to know which website you are referring to , and whether you are using the Harmonic theme. The instructions given above are only intended for the Harmonic theme (though it’s possible that they may apply to other similar themes).
-
also the post from lydialiebman is from me- I didnt realize I was signed into to my fiances account earlier- sorry if there was confusion.
Sorry. I missed your last two posts before my last. I’ll get back to you soon, taking those comments into consideration.
-
in place of the grey space thats there now I could put some widgets like the calendar plugin, recent posts and facebook like box. I do not have the hide widgets box checked.
You certainly can include widgets. I don’t have a gray space on my test site, so I presume that is from leaving one of the sections other than Site Title unchecked (widget apparently) at Customize > Visibility.
That does work for the front page, but then when I go to any there tab the title image is there. I don’t want people to have to scroll down past the title image every time to see the rest of the page.
Perhaps I’m misunderstanding what you are saying here. Which “tabs” take you to the front page image? I haven’t been able to reproduce this effect. Have checked every page in your menu. Most have either a feature image at the top, a background image, or both, but none display large front page feature image.
-
Most have either a feature image at the top, a background image, or both, but none display large front page feature image.
Correction: All of your menu links are to pages except for “News,” so each of the pages has the same background image (set at Customize > Theme > Page > Background). The News link goes to the “blog” or posts page, which is the only one with a header image.
-
Thanks for getting back to me.
Perhaps you didn’t see it because I changed it back last night as I was trying to work with a few things. What was happening was that when I had the DISPLAY TITLE unchecked, the home page would look great because I didn’t have any further content I wanted to show, but the rest of the pages (Bio, Education, etc) would show the title image, and then have the rest of the content come below and I didn’t want people to have to scroll down everytime.
So after working with it, I decided to have the HOME page as ‘full width’, showing the featured image. I used some CSS and removed the HOME-Read More link that was in front of the featured image.
I’ve decided that it would be valuable to put something in that grey space of the page below the featured image and I just have a few final questions about that.
1. Is it possible to make the page background (that shows below the featured image) transparent in some way? I think it just looks abrupt to have that solid grey come up and cover the featured image- if there was a way to have it look a little translucent so the featured image can come through a bit? Not sure if this is possible.
2. Is it possible to have the content on the page stretch to be the length of the featured image?
3. Finally, the widgets- I’ve tried everything and I can’t seem to get them to show up. As I said before, in customize > theme >visibility I do not have the ‘hide widgets’ checked. I think it would look good to have the widgets show in that space under the featured image. I’ve gone in to the widgets themselves and tried to edit the visibility accordingly and it still will not show.Thank you so much
-
I’ve justset up the Harmonic theme for my blog. It’s taken a while, but is it looking good! Well, I think so. I’ll be setting up my widgets – after a break for lunch. Can’t quite believe how long I’ve been at it. I’ve been working through the forum and support sections, and it’s all been very helpful. Setting the theme up is worth the effort. It will be interesting to see how user friendly it is both from mine and the reader’s perspective.
-
@willytimba,
First, I’ll respond to the first part of your latest post before getting to the enumerated list, because the answer to the first part provides a solution to some of the numbered issues.So after working with it, I decided to have the HOME page as ‘full width’, showing the featured image. I used some CSS and removed the HOME-Read More link that was in front of the featured image.
Setting the Home page at “default” or “full width” is the reason why you aren’t able to display only the feature image on the front page. This and removal of the Home and Read more tabs overlaying the image can both be done without any CSS customizing by choosing the Front Page Template for this page, as I explained in in January 7, 3:55 PM post above.
1. Is it possible to make the page background (that shows below the featured image) transparent in some way? I think it just looks abrupt to have that solid grey come up and cover the featured image- if there was a way to have it look a little translucent so the featured image can come through a bit? Not sure if this is possible.
If instead of the Front Page template you choose either the Full Width or the Default templates, you’ll see a section of background below the feature header. This area represents nothing but the title and content of the static front page. Put some content into the page editor and it will display there. I also could not display widgets which either the Full Width or the Default templates. But the reason why is simple, these settings display the page and only the page, plus the feature image (if there is one).
The way around this predicament is simplicity itself. Just assign this page to a Front Page template, AND hide all but Title section at Customize > Visibility, as noted above.
The gray background in this area is evidently the result of a background color setting an administrator of the site chose at sometime at Appearance > Background > Display Options, or possibly at Customize (though I didn’t find a way to do it there. I don’t know of any other explanation.
2. Is it possible to have the content on the page stretch to be the length of the featured image?
When you use the Front Page template as described above, with only the site title section unhidden at Visibility, the featured image alone will display, plus the title and menu bar at the top, and the WordPress and theme credits bar at the bottom. I’m not just spinning theory. It works on my private test website. Ask if you’d like to have a look.
3. Finally, the widgets- I’ve tried everything and I can’t seem to get them to show up. As I said before, in customize > theme >visibility I do not have the ‘hide widgets’ checked.
The Widgets section won’t display with the page template set at anything but Front Page.
a. Front Page setting results in the five sections of that template displayed on the page (whether it’s on the front page or not), though you can hide any or all of the sections. Hide all but the Site Title and you’re gold.
b. Default and Full Width display only the page, topped by the feature image, if any is added.
c. Portfolio displays a portfolio of projects (if any), plus a feature image (if any).Also, the Front Page template will display only widgets placed into the Front Page section on the widgets page.
-
To display the front page and widgets in the front page the only modification to the above instructions is to do the following:
1. Add the widgets you wish to display on the front page to the front page section of the widgets page.
2. Unhide (uncheck) the widgets section, in addition to the Site Title section, at Customize > Theme > Visibility. -
Revision of my last post:
To display the Title section — in your case this will be a page with a feature image and no content, set to Front Page template — and the Widgets section on the front page, the only necessary modifications to the above instructions are:1. Add the widgets you wish to display on the front page to the front page section of the widgets page.
2. Unhide (uncheck) the widgets section, in addition to the Site Title section, at Customize > Theme > Visibility.
- The topic ‘Harmonic Theme Site Title’ is closed to new replies.
WordPress.com Forums 
