How do I make my homepage look like the motif theme homepage without the text box blocking the featu
-
How do I get my website to look like the one in the motif theme advertisement? The Motif theme is shown with a large colorul picture in the background and text laying on top of it. The text on my page blocks the image. It also repeats the word “Home,” and whenever I try to change the title, the title I change it to becomes the title of the page. Also, how can I get the picture to spread out evenly like it does on the Motif theme advertisement?
The blog I need help with is: (visible only to logged in users)
-
Hi there!
How do I get my website to look like the one in the motif theme advertisement?
The Motif theme has the following support documentation to help guide you:
https://theme.wordpress.com/themes/motif/I can see that you’ve already completed a few of the steps: You’ve assigned the Front Page template to your home page and added a Featured Image to that page also. The Front Page Template section in the theme’s guide goes through the steps to add Testimonials and Widgets to that page.
Let’s go through your other questions together. :)
The text on my page blocks the image.
This is part of the Front Page template’s design. You can see from Motif’s demo site that the title and text on the home page overlap with the Featured Image there also:
https://motifdemo.wordpress.com/If you’d like to hide this from view, then you can do so with some custom CSS. Are you at all familiar with CSS? If not, it’s a coding language that’s used across the web to define the appearance of websites. Here at WordPress.com, it’s possible to add CSS to further customise the look and feel of your site.
Let me know if you’d like to completely hide the white box that overlaps the Featured Image on your home page, and I can help you out. We also have a dedicated support forum full of CSS helpers who specialise in those sorts of questions:
https://en.forums.wordpress.com/forum/css-customizationIt also repeats the word “Home,” and whenever I try to change the title, the title I change it to becomes the title of the page.
This is due to the fact you’ve activated a Custom Menu on your site. The navigation label for your page automatically updates whenever you change the page’s title. To get around this, you can update your page title and then manually configure the menu’s navigation label via Appearance > Menus:
https://grantindustriesincorporated.wordpress.com/wp-admin/nav-menus.phpThis support guide further illustrates how to change your menu’s navigation label:
https://en.support.wordpress.com/menus/#menu-item-settingsAlso, how can I get the picture to spread out evenly like it does on the Motif theme advertisement?
This theme works best with Featured Images that are at least 1140px in width. If you upload an image that’s that width, or bigger, then you’ll see it take up the full width of the page.
That was a lot of information! Let me know how you get on with it or if it brings up any questions. I’ll be happy to help you further.
-
Thank you so much for your help. Would you please show me how to completely hide the white box that overlaps the Featured Image on my home page?
Thank you,
Brett
-
Hi Brett.
Sure thing! So, to add the custom CSS for this, could you firstly head to My Site in WordPress.com, and select the Customize option in the left-hand sidebar. You’ll reach what’s known as the WordPress.com Customizer:
https://wordpress.com/customize/grantindustriesincorporated.comFrom here, click on the CSS tab. Below the introductory text in the resulting editor, copy and paste the following CSS snippet:
.hero-container-inner { display: none; }This will hide the white box from your homepage. :) Let me know if this helps out or if you come across any questions.
-
-
Do you know how I can get rid of the empty white space below the featured image on my homepage? Do I just need a bigger picture?
Thanks,
Brett
-
Hi Brett.
You can hide the search widget from your homepage by adjusting the visibility settings for that widget in your First Footer Sidebar area. Here’s a screenshot of what you visibility settings should look like for that widget in order to hide it:
To get rid of the extra bit of white space that’s beneath the image after this, then you can add the following custom CSS:
.front-page-content-area .hero { margin-bottom: 0; }Hope this helps. :)
-
Hi,
You did it – thank you! The remaining white space at the bottom is just part of the page right? Can that be covered up as well?
-
Glad that helped! :)
The remaining white space at the bottom of your site is the footer, which contains a credit to WordPress.com and the theme you’re using. We ask for you to keep both of these credits as part of our terms of service and therefore can’t help you in covering those up.
Let me know if you have any questions on that. I’ll be happy to help further.
-
Got it.
Another question – is it possible to make the “About” tab in the navigation pane show a drop down menu with the following when someone hovers over it with the mouse pointer: “Who?” “What?” “Where?” and “How?”
I did this with the “Companies” Tab, but those are links to other sites, and I don’t want to use links with the About tab. I just want the different questions to drop down so that someone can easily click them to learn more about the company.
-
Hi there.
Absolutely. It’s possible to add sub items to your About menu item via Appearance > Menus in WP Admin:
https://grantindustriesincorporated.wordpress.com/wp-admin/nav-menus.phpIn a similar way that you added sub items beneath Companies, you can select the items you’d like to Add to Menu from the left-hand of that page and drag them slightly beneath the right of About on the right hand side.
Our support documentation has a screenshot and some extra guidance on this for you:
https://en.support.wordpress.com/menus/#changing-the-order-creating-sub-menusLet me know if that’s clear or if anything could use some extra clarification on that.
- The topic ‘How do I make my homepage look like the motif theme homepage without the text box blocking the featu’ is closed to new replies.
WordPress.com Forums 