page widge

[samuel WELLS]

Hello Bill I am using a plugin called AMEN for prayer request. When I load that page it overruns the current page width. Is there any way that I can increase the width of the pages so it doesn’t look so ugly. thanks

[Bill Robbins]

Good Morning Samuel,

Excellent question. It looks like we have some overlapping styles here. I believe we can make that work better. Give this a try:

1. Go to your theme options page and choose the Style tab.
2. Scroll down to the Custom CSS box and add this:

   
   #content.page-full .wrap {
   	margin-left: 0;
   	margin-right: 0;
   	width: auto;
   	-moz-box-shadow: none;
   	-webkit-box-shadow: none;
   	box-shadow: none;
   }
   

3. Update your settings.

Let me know if you have any trouble there.

Have a great day,
Bill

[samuel WELLS]

Hi Bill That didn’t change anything at all.

[Bill Robbins]

I think I may have spotted the trouble there. In this style in your Custom CSS:

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	.home-lower .widget.featuredpage {	  {
		width: 699px;
		clear: both;
		margin-top: 10px;
		margin-bottom: 10px;
	}

}

There is an extra { in this line:

.home-lower .widget.featuredpage {	  {

Take out that second one and see if that doesn’t help,
Bill

[samuel WELLS]

Thanks Bill that worked great. Do I need to stick this in a child theme or will it be ok incase of an update.

[Bill Robbins]

Fantastic. You’re welcome to place these in a child theme. They should be fine in an update. There’s also an options import/export feature in the appearance section you can use to make a backup of your theme options. It’s always good to have a backup just in case.

[Author]

Posts