Headway Themes — The Drag & Drop WordPress Theme

Tutorials

Alternate Way to Remove Category Archives Title in Headway 3

If you are looking for an alternate way to hide or remove the category archive title as shown as “Category Archives:Titles” in your archive pages, you got it here! This method is easier without the need to create a child theme and a functions.phpfile as suggested by the Headway support team.

Hide the Category Archive Title

  1. Go to the Headway visual editor and click on the “design” tab on the top left hand corner.
  2. Once in the design mode, click on the Live CSS and add in the following code.
    .archive-title {display:none;}
  3. Save the changes and you will see the words “Category Archives:” is removed including the title of the category but fear not as you are going to add the title back later.
  4. Add a Block for the Title
  5. Still in the visual editor, click on “Grid” tab on the top left hand corner to go to the grid mode.
  6. Click on the “Blog Index” as you are going to customize the layout for the blog index page.
  7. You can draw in the header, sidebar, content and footer and do a mirror to these blocks to achieve the layout you already have.
  8. Once you have all the blocks in place, draw a custom code block above the content block where you are going to add in the title.
  9. Click on the option at the custom code block and this will bring up the option panel at the bottom of the screen.
  10. Click on the pencil icon besides the “Content”.
  11. Type in the title for e.g. “What’s New” and click on “Save” at the top right hand corner to save the changes.
  12. You can see the title “What’s New” now appears on your page without the annoying word “Category Archives:”.
  13. You may want to style the title so it looks like the rest.
  14. You can add in the following CSS code to style it and also add some spacing on top and bottom.
    <div style="font-size: 28px; color: #067299; font-family: arial, helvetica; margin: 25px 0 30px 0;">What's New</div>
    
  15. If you want a cleaner way to style this, you can add the CSS code in the Live CSS and assign the CSS class to the title.

Hopefully, you will find this useful as I know not everybody is comfortable in messing the PHP code or creating child theme. This will serve as another alternative.

How To Create 3 Columns Widgetized Footer In Headway 3?

In Headway version 2 and above, you might need to go through a number of steps before you could achieve a 3-column widgetized footer for your website but in Headway version 3.1.2, it is much simpler now. Basically, you just need to add a widgetzed block and set it horizontally and you got it! SeeRead More




How to Make Category Archive Page to Display as Formatted Normal Pages?

The other day, I was helping my client to add a News category to the main navigation bar and realized the archive section for the category is displayed as an excerpt. My client was not happy because he was seeing a lump of text unformatted and looked messy when he clicked on the news section.Read More




How to group multiple images in one Thumbnail?

Do you have a gallery and you realized you might need to group related images together into single thumbnail? The main purpose is to allow your visitors to have greater ease of navigation and experience while browsing the gallery. For example, you have a list of product A-Z that you like to show them inRead More




How to Create 3 Columns Widgetized Footer for Your Blog?

Thinking of adding a three-column widgetized footer to your blog while using Headway theme, here is a method suggested by Paul Coughlin in his blog. Basically there are few steps involved. In the wordpress dashboard under “Headway 2.0.7”, click on “Easy Hook”. Look for “footer open”, copy the following code and paste the code intoRead More




How to Add a Static Home Page to a Blog?

If you have already have a blog but then decided to add in some static pages to make it look like a normal website. Can you do that? Or, you are thinking to move your blog from root directory to a new directory called “blog” and the default home page is a static page withRead More




How to Display Blog Content into Multiple Columns in Index Page?

One of the common questions most blogger asked is how to display wordpress blog content into multiple columns? There are many reasons for doing so, some may want to save space on their blogs’ home page and display as many posts as possible. Some may want to attract their readers to stay a little longerRead More




Why Google Adsense not Appearing in Text Leafs?

I was trying to add Google Adsense into the Category and Archive Sections but just had no luck getting it to work. I went to the Visual Editor and add in a “Text/HTML/PHP” Leafs (Text Leafs in short hereafter) on top of the Category and Archive sections but there was nothing displayed. To confirm thatRead More




Adding a Post Divider between Posts in Blog Index Page

I intended to add an image divider between the posts in the blog index page since the current horizontal line looked quite boring. It’s not difficult to figure out where to add in the CSS code but I was not sure which CSS selector should I use. Luckily, with the help of Headway Premium WordPressRead More




Sidebar was Blocked by Invisible Box: Resolved

I didn’t know when my sidebar at my blog – AffiliateThinkTank.com was not clickable until I tried using Firefox browser a few days ago. I was editing my blog using Visual Editor and was shocked the sidebar was not clickable as it was working well in IE7. My default browser is IE7 so didn’t realizedRead More