Hello: I recently purchased a theme (Notebook) and I have a question about creating additional landing pages. The theme comes with several pages already created (about, services, contact, home), but I would like to create several more (FAQ, references, thoughts) and want the pages to look as great as the ones that come with the theme. The pages in the theme use a file (such as about_img.jpg) that displays in "section class index" and includes text describing the page, such as "about" or "contact."

Is there a way I can create a similar image that has different text included as part of the image, such as "FAQ" or "References"? It looks like the image would have three different parts: the red background, the text, and a picture that displays on the right side of the image. I don't think the plain background came with the theme, and I'm not sure what font is used for the text.

I would also like to create an image similar to the "Notebook Store" (logo.png), using H1/H2 headers. Is it possible for me to find out what font is used in that image? Is it possible for me to use that font in H1/H2?

Any help would be greatly appreciated, and I hope I have explained my question adequately. I hope I have posted this in the right place. I looked for similar questions but couldn't find one. Thanks for your time. Please let me know if any additional information would be helpful.

Hiya Walter,

As far as themes go for the HTML Editor, you have the reins to change anything you want on any page anywhere. For the most part, if you want more pages, find one of the included pages (or alter the home page if there are no other pages which some themes only have 1) and just open that page in the HTML Editor, do a Save As and name it to whatever you want the new page to be. That's it, now edit the page to be whatever images you want, text, etc. The program doesn't create the text for you for any pages, you have to do that all yourself, that's the way it is with coding. But the layout is there already for the most part and you can alter it in the CSS to add or remove things and change sizes etc. And you can also add or remove images, change them, resize them, do whatever you want. The layout is just basically a placeholder for what you want to do with it.

As far as finding out what's used, it's all there. There's nothing hidden in the code anywhere, all images and fonts and font families as well as sizes etc. are all in the CSS file(s) so just open them and look for the classes and ID's that surround the area of the HTML page you're trying to adjust.

If it's the main font of the page, and it's in a <p> tag or <h1> type tags, just look for those in the CSS and see what is used for them. You can alter those tags to your liking too. If you're not familiar with how CSS works, I would suggest finding some tutorials on how it all works so you can understand the ramifications of your changes.

Other than that, enjoy!

Thanks for taking the time to respond. Here's what I was able to figure out:

There are several sites that will scan a web page and tell you what fonts are used in it. Once I was able to do that, I download the font, saved it in windows, and (using CC Web Image Studio) created pages that look like the ones that came with the theme. I was also able to embed the fonts so that my H1 and H2 headers render in that font. Pretty cool, if I do say so myself. Thanks again for your help. Have a great day.