Bill Robbins

[Bill Robbins]

You’re welcome to modify the appearance of the phone number with CSS to fit your needs. Add this to the Custom CSS in the advanced section of your Theme Options page to modify it:

#phone-number p {
font-weight: 900;
font-size: 18px;
}

You can play around with the size and weight and see if you find something you like.

Take care,
Bill

[Bill Robbins]

Hi Bill,

Sorry for the confusion there. It sounds like you might installing the sample content into the theme installer. You’ll need to download the theme from our downloads page (https://support.organizedthemes.com/downloads/) and install and activate it first. Then unzip the sample content you downloaded. It’ll give you three files that have the sample content in it. The instructions for adding them are on the sample content page (https://support.organizedthemes.com/sample-data/) at the bottom.

WordPress importing tools are not the greatest so if you get stuck, let me know and I’ll help you out.

Thanks,
Bill

[Bill Robbins]

Hi Jason,

Great question. Each page can have different colors for the navigation menu items and a different logo. That can be helpful if the navigation is sitting on top of an image that has a different dominant color than the rest of the site.

If the color of the navigation items isn’t changing in the customizer, try editing the page that you’re looking and check in the layout options section to make sure a color isn’t selected for the navigation items on that page. You may have to open up the actual color picker to see if a color is selected if it’s white or close to white. The per page colors will override what’s set in the customizer. That way you can set a default in the customizer and then change it as necessary on various pages.

If that doesn’t do the trick, let me know.

Take care,
Bill

[Bill Robbins]

Anytime Tony

[Bill Robbins]

Glad that did the trick on your other situation. If I could offer a couple of things here. For the snippet that goes with your header button:

#header-button {
     position: absolute;
     top: 15px;
     right: 30px;

It looks like it’s missing the closing bracket on that style. I would replace it with this instead:

#header-button {
     float: right;
}

@media only screen and (max-width: 767px) {

  #header-button {
    float: none;
    display: block;
    text-align: center;
  }

}

That should right align the button on larger screens and center it without it overlapping on smaller ones.

---

I recently replace the original navigation menu in the theme with a different one. It looks like that change is preventing the custom navigation bar color from picking up. Add this to your Custom CSS too:

select.tinynav { background-color: #ff5c3f; }

I’ll make a change in the theme to correct that in the next update.

Hope that helps out,
Bill

[Bill Robbins]

? ?

[Bill Robbins]

Good question Wendy. In your WordPress settings, on the Reading screen there are options to set what the front page displays. Right next to where you select a page for your home page is where you set a page for your “posts” page. That’s your blog archive as far as WordPress is concerned.

The template file it uses is index.php to actually generate the page. It should still be there because index.php and style.css are the only two files required to have a theme. If one is missing, WordPress will generally deactivate the theme as “broken.”

Try setting a page in reading and then view it and it should show up similar to the one in the demo. Let me know if you have any trouble.

Bill

[Bill Robbins]

Hi Tony,

It’s covered up by the header. There is a box that makes up the header which has the logo and navigation menu in it. Since the background is transparent, it’s difficult to see exactly how large it is. When I hover over the bottom portion of the shop button, it changes color and allows me to click it, but higher up in the button, the color does not change and it can’t be clicked.

I would suggest using the center option for the hero content instead of the top one. That’ll move the button down a bit and hopefully will keep it out from under the header.

Let me know if you run into trouble there,
Bill

[Bill Robbins]

Hi Allison,

If you’ll follow those instructions above, they’ll let you replace the misbehaving file. You don’t need to delete the existing copy of the entire theme just yet. Hopefully replacing this file will allow it to work. Just try previewing it after you’ve made the change before you activate it to make sure it is working correctly.

If I could offer a suggestion. If you need to make edits to a theme, it’ll be safest to do that in your web host’s file browser instead of the WordPress editor. The WordPress editor is convenient, but it does have the ability to lock you out of your site if something is off with a certain type of file. At least if an edit goes wrong from inside your web host’s control panel, you can undo the changes and get the site back live again.

Bill

[Bill Robbins]

Good Morning Wendy,

You can hide the logo on the home page until you scroll. Here’s how to do that:

1. In your WordPress dashboard click on the Appearance section and choose Theme Options.
2. From the tabs at the top, choose the Advanced one.
3. Scroll down to the Custom CSS box and add this:

   
   .home #header #logo { visibility: hidden; }
   .home #header.scroll #logo { visibility: visible; }
   

4. Save your changes.

If you’d rather do that with all pages that have a hero area and not just the home page, you can add this instead:

.hero #header #logo { visibility: hidden; }
.hero #header.scroll #logo { visibility: visible; }

Take care,
Bill

[Bill Robbins]

You’ll need to use a plugin to add a widget to a page’s content. One popular one is called Widgets on Pages (https://wordpress.org/plugins/widgets-on-pages/). It’ll let you insert a widget area into the page via a shortcode.

Bill

[Bill Robbins]

Good Morning Wendy,

Good question. Those images are the “featured image” of the post. When you’re editing a post, look in the right hand column and you’ll see the spot for adding the featured image. On the sites I run, I tend to use a simple plugin called Drag and Drop Featured Image (https://wordpress.org/plugins/drag-drop-featured-image/) that turns that box into a field that you can drag and drop an image directly into.

Take care,
Bill

[Bill Robbins]

Good Morning Allison,

Sorry for the trouble there. It sounds like you may have edited a file called custom-css.php. That’s a file that takes the color options from the customizer and loads them. The best way to add a bit of CSS is in the advanced section of the customizer. It’ll load it onto the site for you without requiring you edit any of the theme files.

Here’s what you can do to restore that file. Download a fresh copy of the theme from our site and unzip it. Then go to your GoDaddy control panel and open up the file browser. Use it to browse to the wp-content/themes/forward/includes/ folder. Then you can upload the fresh copy of custom-css.php to replace the one on your server.

Then once you log back into WordPress, go to themes. Try previewing the Forward theme. If there is a problem it won’t lock you out since it isn’t active. Just make sure not to activate the theme until you are certain it previews correctly.

Then you can reposition your button by adding the CSS to the advanced section in the customizer.

Let me know if I can help,
Bill

[Bill Robbins]

?

[Bill Robbins]

Looks like there is a stray } in the widget section of the style.css file. Try taking that out and see if it helps.

It’s always a good idea to make changes to the theme in a child theme instead of the parent theme. When I release an update to Forward, the changes to the parent will have to be made again if you choose to update in the future. That’s not to say that changes in a child theme might not have to be revisited when updating, but it makes it quite a bit easier and cleaner.

You can copy any styles out of the parent theme’s style.css file and add them to the child theme to change them there. You can override existing values by changing them in the child theme to the CSS baseline. Say you wanted to take the padding out on an element, instead of just deleting the reference to padding that you copied over to the child theme, you should set it to padding: 0 .

Take care,
Bill

[Bill Robbins]

Good question. The background images for the home page sections are in the theme options page on the home page tab there. If you’ll set the background to be fixed in place it will give that parallax effect for you. Also set the size to cover so that the row is completely filled by the image.

The size is a bit of a wildcard. It depends on the aspect ratio of the section where the image will be. If it’s a tall row that comes close to being a full screen section, then 2200 pixels wide by 1400 pixels tall will probably work out fine. If it’s shorter you may need to crop the image down just a bit height wise.

You might also look at using the Finesse theme. It’s really the successor to Elite in a lot of ways. Its page builder makes it possible for you to create pages like the home page on any page, not just the front one.

Take care,
Bill

[Bill Robbins]

I would ask the plugin developer if it’s not something that you created yourself.

[Bill Robbins]

Hi Ed,

I think your best bet would be to try to get the plugin’s stylesheet to load on all pages. Since it was working just fine on the home page where the stylesheet was loading, it would likely also work well on the other pages if you can get the stylesheet loaded there too. I think that’s what I would shoot for.

Bill

[Bill Robbins]

Hey Ed,

I took out the credentials from your topic here. If you do need to post them, which can be hugely helpful so thanks for that, make your topic and then create a separate private reply with the credentials. That way no one else sees them and logs into your site. It’s not likely to happen, but I want to make sure you’re secure 🙂

---

It looks like the font awesome stylesheet isn’t loading on the other pages. That’s keeping the icons from showing. Try adding this to your Custom CSS:

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-twitter:before {
    content: "\f099"
}

I pulled that from the stylesheet that is missing so hopefully it will do the trick.

Take care,
Bill

[Bill Robbins]

Here’s the CSS for that:

h1 { font-size: 36px; }
h2 { font-size: 30px; }

The h1 will be the page/post title on a single page or post. The h2 will be the post title on an archive page.

[Bill Robbins]

You can turn off comments on future posts by going to settings in your WordPress dashboard and selecting Discussion. There is an option there to disable comments, but it only affects posts published after that open is changed.

Each WooCommerce product has an option to enable or disable reviews. Reviews are actually just WordPress comments on a product.

[Bill Robbins]

Hey Wendy,

Look at my last reply here for how to change the attention widget border color.

Bill

[Bill Robbins]

When you’re editing a post, place the cursor where you’d like the gallery to go. Then click the add media button above the main content box. On the left you’ll see a link to create a gallery. Click on it and follow the prompts there to upload/select images and insert it. To have the images open in a lightbox, choose the option to link the thumbnails to the file instead of the attachment.

This CSS will hide the author’s name:

.post-meta .author { display: none; }

[Bill Robbins]

Hi Allison,

Glad that worked for you. The widget inside that page’s content looks like it is being inserted as a list item <li> tag. That’s where the bullet point is coming from.

If the widget has an option to change the HTML that goes before and after the widgets, swap it out for a div. That would be more semantic. If that can’t happen, you could try this CSS:

li.widget { list-style-type: none; }

Hope that helps out,
Bill

[Bill Robbins]

Hi Ed,

Looks like something is tricking those posts into making the theme think there should be a video there. It’s set to pull the first video of a post and display it in the archive view. I don’t see a video in those posts, but something is making it display the space for it.

You could hide it this way with some CSS:

.entry-header .fit-video { display: none; }

Or you could edit the index.php file and take out these lines:

<?php } else if ( $first_video != '' ) { ?>
				
	<div class="fit-video">
				
		<?php echo $first_video; ?>
				
	</div>

Let me know if that doesn’t do the trick there.

[Author]

Posts