- Responsive Multi-Purpose Theme Framework! ›
- Forums ›
- Theme Support ›
- I'm lost…
Last night I set “NextGEN featured image” to add an image, but nothing showed up.
I have just tried this again, 12 hours later and now it is working.
However, there are two problems. One, it is sized improperly. Second, the text for the page is still supered over the image. I don’t want the title of the page to be supered over the image either. There must be somewhere to change these. I could do trial and error editing the image size but surely there must be an easier way?
I need to have some kind of introductory text on the home page. I could live with the page title over the image, but it really is redundant since I am forced to have a site title in the upper left corner as well.
I am used to editing HTML with CSS. I know only bits of php, but not enough to really style a page the way WP does.
When I add a header to an html page I normally use a header div with a class and style the header image in the CSS as <span class=”cssPropName editable “>background-image</span><span class=”cssColon “>: url, </span><span class=”cssPropName editable “>height</span><span class=”cssColon “>:, </span><span class=”cssPropName editable “>overflow</span><span class=”cssColon “>: etc. I crop the image to the width for the widest pixels for my media query (desktop) and crop image height for my CSS declared height. So for instance url(“../_img/nice_picture_1282x350.jpg”), height: 350px
</span>
I think I am asking you a WordPress related styling question rather than a Firmasite question? Sorry if I am off target with this.
Also, you mentioned sliders, I assume you mean image slide shows? How would I set that for this header in the future?
Thank you, Matoca
You can use custom css to change things.
For example:
#firmasite-showcase .hero-background { min-height: 400px; }
This code will increase height of your ShowCase.
And this will remove text:
#firmasite-showcase .caption { display: none; }
Wow! Super fast reply. Thank you.
I threw your CSS in just to see if it worked and it does!
I am going to have to play around with the image crop to get it to view correctly in the responsive pages. At desktop, a little too much is missing from the top and bottom of the image. I actually want a min height less than 400px for this header. I can crop this image better.
Would you share with me how you set the media queries? It might help me figure out an overall width and height crop that might work ok over desktop, tablet and mobile.
Eventually I want this to be a slide show of various images. How do I add this to the header?
Thank you, Matoca
media queries:
http://getbootstrap.com/css/#grid
For multi image, just mark multi posts as Add to ShowCase.
Thank you for the media query link. This is an understandable guideline for me.
I am still a bit confused by “mark multi posts as Add to ShowCase” to turn this Featured Image into a slide show.
I will eventually have a number of images of dogs that will be filling this landing page header. I have set “full width” for a page that is my landing page and have set the image as Featured Image and have also selected Showcase for the page. Where is the setting “multi posts”? Or do I need to use a post to make this landing page?
Maybe a better question is, since you have just gone public with the pro Firmasite, will purchasing the Pro version provide me with more flexibility? Or can I do what I want with the version I have?
You saying “have also selected Showcase for the page”. Same thing:
- Just create a new page or post
- Set a featured image to it
- Select your new page for ShowCase too.
- Repeat first 3 steps multi time for more slide
System will create slides when you select multi posts/pages for ShowCase.
You can buy FirmaSite Base which gives you content block system that helps you to create incredible page structures with just clicking buttons (no need to write codes). But it is not required for what you are trying.
(Btw If you dont want to create multi page for multi dog image, FirmaSite Base’s content block system have gallery slider which is easier and not need to create multi pages for slider)
We will have lots of support videos & documentation soon. Sorry for trouble.
FirmaSite Base
Content Blocks system.
Currency system. Ex: 1.00 USD
3 Premium theme styles (total 15 theme styles).
and many more! Live Demo
Wow, of course, so easy. I understand.
You’ve been very helpful. You have a great template and I will get better with it as I play around. It’s a learning curve.
I’ll do what I can now with this and probably will step up to the Pro when I feel I have this version under my belt. I will be moving all my sites over to this theme eventually.
Np. You can send a review in http://wordpress.org/support/view/theme-reviews/firmasite if you want. It means a lot for new users that thinking to use theme.
I thought I would just update the information I found at the link Unsal provided me to the CSS Bootstrap Grid System webpage in case others are following along.
The media queries used by this grid system have a chart that shows the Max Container Width for the media queries Large, Medium, Small and Extra Small devices.
So my home page has a header that is full width, has a Featured image and the page is set to Showcase. I should expect that on a Large device the max container width is set in the CSS to 1170 pixels. The medium width breakpoint is set to 970 pixels.
Therefore, if I crop my images for a max viewing width of 1170, then I know the page will display the full width of my image on a large display the way I want it displayed. In order for the photo to be displayed the way I want it to, with (in my case) only a height of 350 pixels, I will have to work with various crop settings until I get it to look the way I want at 1170×350.
At a viewport width of 970 pixels, the media query is designed to make alterations to the page according to the CSS. If you know how to use Firebug developer tools you can select the header container and view layout dimensions. Then very slowly drag the window browser from the right to alter the width. As the width of the viewport reaches 970 there is a noticeable change in the image dimensions and you will see the header “snap” to that setting. The CSS has changed for Medium devices.
I’ve figured out the slideshow. I added a couple more pages with no text but set Featured Image for each of them. No page titles or any other adjustments. I tried setting these as pages 2 and 3.
But now I can’t see the original text I wrote in the body on the first page (page 1). It’s still there on the page when I open it to edit, but when I save, it doesn’t display. I need text on the landing page or the website won’t make any sense! Any ideas what I have done wrong?
Ok, figured it out. The text from the home page has to be copied to each page in the slide show. Kind of backwards, duplicating pages to have a slideshow, but now it works!
I have 5 Showcase slides showing in the landing/home page using 4 pages all titled the same. The 5th image is coming from a new page and I don’t understand why this is happening.
I have starting adding new pages. I want some different Showcase slides for these different pages, although I do want to use one image that is also used on the home page. All the page attributes are set properly for this new page (no parent, full width, featured image.)
However when I “Add To Showcase” to the differently named page, it only adds it to the landing/home page and not to the new page. So then I have two copies of the same image running only on the landing/home page but no image on the new page. So I removed one landing page’s Add To Showcase and for some reason this image is now coming from the second page (that has a different name).
If I remove Add to Showcase from this new page, it removes the image from the landing/home page but still won’t display it on the new page as Featured Image.
Am I limited to just one page of the whole theme that can have header images and featured images? I would be happy if I could just get a featured header image on the new pages if I can’t get a slideshow running. But how would I do that? This is so frustrating. I have spent many hours over many days trying to fix this.
There is no problem to “fix”. You are trying to use ShowCase as gallery which is totally different things. ShowCase system is for promoting your posts in home page header. Thats it. Its not a gallery.
If you need image slides in your pages, just use WordPress gallery system: http://en.support.wordpress.com/images/gallery/
Here is a gallery demo of FirmaSite theme: http://demo.theme.firmasite.com/2013/03/18/example-gallery-with-big-images/
Here is gallery content block system demo from premium theme: http://base.theme.firmasite.com/forums/forum/test-forum/#content_block5 You can use it in tabs, accordions or in a row. Here is an example in forum topics:
So both free & premium themes have solutions for image slides. But ShowCase is not for creating galleries.
I guess I am really lost now. This was the original question at the beginning of this topic, how to use multiple images in the header as a “slider.” The first person asked you to explain this as he didn’t understand it. I also was confused and asked how to have multiple images “slide” through the header of the page.
You responded to me:
- Just create a new page or post
- Set a featured image to it
- Select your new page for ShowCase too.
- Repeat first 3 steps multi time for more slide
System will create slides when you select multi posts/pages for ShowCase.
So I followed these instructions. I made 4 pages with the same title and set each with a different Featured Image and selected the yellow star ShowCase for each page. It works on the landing page, cycling through each page.
On this page
http://base.theme.firmasite.com/
you say this:
>FirmaSite Base presents you 2 unique built-in slider system: ShowCase and PromotionBar
ShowCase helping you to show your special contents in home page header like paid slider plugins and PromotionBar is helping you to promote your contents in your site’s header, footer or sidebar. You don’t need to create sliders, system will automatically create sliders for you! You just click to “star”icons in your panel for adding sliders. Thats it!
So this automatically created slider system for the home page header cannot be duplicated anywhere else but in one page, the home page? And by automatic you mean “create multi pages and select ShowCase for each page”, correct?
However, now I need to create other pages. I can’t have just one page in the website. And I cannot add a Featured image on any other page, they don’t show up unless I select ShowCase. I cannot ShowCase a Featured image on any other page because it only adds it to the home page and not to the page where I added the Featured image. I had no idea you intended users to use WordPress Galleries, you only reference galleries.
It appears all of the rest of the page’s formats will be solely determined by the selection in the Customize>Appearance>Layout settings? That means to have a sidebar on some pages, I have to have a sidebar on all pages? And if I don’t want sidebars on some pages I have to forgo them for the whole website?
I am missing information on how to customize the website, I don’t understand the demos.
You must be logged in to reply to this topic.