[pete]

When I’m trying to design this professional looking website, it just doesn’t look up to par with the competition. We want this website to look like it’s worth thousands of dollars.

1. I want a full width slider, is there some codes I can plug into the Custom CSS section so the slider fills up the whole page? Or do I have to use a plugin like Slider Revolution?

2. Is there CSS codes to put into Custom CSS section so the primary menu background color fills up the entire width of the page?

3. Is there CSS codes to put into Custom CSS section so the header background fills up the entire width of the page?

Thanks

[tikaram]

@pete-guttenberggmail-com : please post in your site URL and i will help you with the custom css.

Regards,
Tikaram

[pete]

http://annmarieramirez.com/

[tikaram]

@pete-guttenberggmail-com : To make the site full width along with menu and slider.

Go to Appearance => Customize => Additional css and add the following css.

.site {
    width: 100%;
}
#feature-slider .cycle-slideshow {
    max-width: unset;
    width: 100%;
}
#feature-slider img{
	width: 100%;
}

Regards,
Tikaram

[pete]

Okay looks good. Only one small problem: the featured content section is now aligned to the left instead of being centered. How might I fix that?

[tikaram]

@pete-guttenberggmail-com : To fix featured content section.

Go to Appearance => Customize => Additional css and add the following css.

#featured-content.layout-four .hentry {
    width: 25%;
}

Regards,
Tikaram

[pete]

GENIUS! Thank you.

[pete]

When I put this code into my own business website there’s a large section of white space between the main body and the sidebar widget area, do you know which CSS codes I should use to fix this one?

My website is http://affordablewebsolutions.us/

[pete]

I’d also like the footer wdigets to stretch full width.

[tikaram]

Go to Appearance => Customize => Additional css and add the following css.

 #main{
	width: 890px;
}

For Footer widgets add the following css

#supplementary.four .widget-area {
    width: 25%;
}

Regards,
Tikaram

[pete]

How do I make the sidebar widget area wider?

[tikaram]

@pete-guttenberggmail-com: Go to Appearance => Customize => Additional css and add the following css.

.sidebar-primary {
    float: left;
    width: 88%;
}

Regards,
Tikaram

[pete]

It looks good on the computer but from the mobile device the formatting is messed up for the featured content and the footer widgets

[tikaram]

@pete-guttenberggmail-com : Go to Appearance => Customize => Additional css and add the following css.

@media screen and (min-width: 768px) {
     #main{
     width: 1100px;
   }
}

Regards,
Tikaram

[Pete Guttenberg]

On this website it’s not spacing the three images in the featured content section correctly

https://berryflash.com/

[tikaram]

@pete-guttenberggmail-com: Its not a theme related issue. Its due to the difference in size of image. The recommended image size for Featured Content is as follows.
Width: 350px Height: 197px. Let me know if you need further assistance.

Regards,
Tikaram

[pete]

Which css codes would I need to fix the mobile version of CustomCabinetsLA.com? Since I made the blog feed the default for the home page it’s made the mobile viewport way too wide. Thank you

[tikaram]

@pete-guttenberggmail-com: It looks fine when I checked the site from my end. Please let me know if you have any more issues.

Regards,
Tikaram

[pete]

I’m using these codes on a number of websites, these two included: affordablewebsolutions.us & pageantcosmetic.com

The problem I’m noticing is in the mobile version. The footer. It’s all confined to the left, I’d like it to stretch full width. I’m sure I’m just missing a CSS code here. Thank you so much!

[Mahesh]

@pete.guttenberggmail-com: How actually do you want to display the footer?

Regards,
Mahesh

[Author]

Posts