Title: Full-Width Widget Help
Last modified: August 24, 2016

---

# Full-Width Widget Help

 *  [evolveone](https://wordpress.org/support/users/evolveone/)
 * (@evolveone)
 * [11 years ago](https://wordpress.org/support/topic/full-width-widget-help/)
 * Hello,
 * I am trying to accomplish two things with the homepage of my [website](http://www.evolvebeautyone.com).
 * The first thing I want to do is take the line off of the widgets above and below
   the image with the times.
 * The second thing I want to do is make the widget holding the hours of operation
   which is a picture, full length, so it can be the same size width as the revolution
   slider.
 * Could anyone please make some suggestions to me for this process?
 * Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [linux4me2](https://wordpress.org/support/users/linux4me2/)
 * (@linux4me2)
 * [11 years ago](https://wordpress.org/support/topic/full-width-widget-help/#post-6176689)
 * First of all, you really need to be working with a [child theme](http://codex.wordpress.org/Child_Themes)
   if your theme doesn’t allow you to add custom CSS. That way, your changes won’t
   be overwritten when you update your parent theme.
 * To remove the lines on the widget with the times, it looks like you’ll need to
   add the following to your child theme’s style.css:
 *     ```
       .lined {
         border-bottom: none;
       }
   
       .bolded-line {
         display: none;
       }
       ```
   
 * The widget holding the hours of operation is inside the main-content and container
   divs, so I don’t know how you could make it reliably responsive full-width there.
 * If you really want to do that, I think what I’d do is create a custom home page
   template within which I’d create custom home-page-only widget positions to house
   the elements you want full-width.
 *  Thread Starter [evolveone](https://wordpress.org/support/users/evolveone/)
 * (@evolveone)
 * [11 years ago](https://wordpress.org/support/topic/full-width-widget-help/#post-6176960)
 * Thank you for that custom CSS. I was so close with that one. I actually have 
   a Custom CSS app that came with the theme.
 * Maybe you could still help me with the second problem.
    The theme had a section
   about columns:
 * For displaying the columns you will need to use two shortcodes.
 * To start the columns area one can use the [colcontainer] shortcode, followed 
   by [span] shortcode. The [span] accepts one parameter, for example n=”5″. The
   HairPress is build on top of the Twitter Bootstrap framework, using the 12 columns
   grid, which means the theme is vertically divided into 12 columns – the full 
   width of the website. If there is the sidebar present in the page, it already
   takes 3 spans, so to create the 3 columns on the page with sidebar (no matter
   left or right) you may use shortcodes like this:
 * [colcontainer][span n=3]Lorem Ipsum[/span][span n=3]Sit Dolor[/span][span n=3]
   Amet.[/span][/colcontainer]
    This ends up at the 3 (sidebar) + 3*3 (for 3 columns
   with span 3) = 12 cols = full width of the website.
 * However, if this page has no sidebar, you should use [span n=4] three times to
   create three columns.
 * To see it in detail,[ click here](https://www.proteusthemes.com/docs/hairpress/#customizations).
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [11 years ago](https://wordpress.org/support/topic/full-width-widget-help/#post-6176975)
 * unfortunately, this forum cannot help with commercial themes – [http://codex.wordpress.org/Forum_Welcome#Commercial_Products](http://codex.wordpress.org/Forum_Welcome#Commercial_Products)
 * please contact the theme’s developer for support, if you have questions regarding
   your theme; [http://themeforest.net/item/hairpress-wordpress-theme-for-hair-salons/4099496/support](http://themeforest.net/item/hairpress-wordpress-theme-for-hair-salons/4099496/support)

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Full-Width Widget Help’ is closed to new replies.

## Tags

 * [full-length](https://wordpress.org/support/topic-tag/full-length/)
 * [picture/](https://wordpress.org/support/topic-tag/picture/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 3 participants
 * Last reply from: [Michael](https://wordpress.org/support/users/alchymyth/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/full-width-widget-help/#post-6176975)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics