Removing Search, categories, and archives box on all pages

Hi,

Is there something we could do to remove this box and increase the size of the middle area for every page? Thank you for your help!

 

I just found the post I was looking for with the css code to remove the box, however, it is not centering. How would one now, after that box is gone, use the extra space in the middle for content?

Thanks

 

I would like to re-ask the above question with an accompanying image.

1. How does one go about making the header and footer area the same size as the middle section? And will the background image automatically stretch to fill the newly exposed area?
2. Align the center content area on all the pages? Is there a way to control the right, left, center on all the pages?
3. Decrease or increase the header area?
4. Increase the font size and be able to move this navigation bar around within the header area?

Hope the image helps.
Thanks

 

Hello,

1.For your first issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.wrapper{
background:none;
}
.footer_wrapper_top{
background:none;
}
.footer{
background:
rgb(227, 224, 224);
}

2.For your second issue

Do let us know your website link.

3.For your third issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header{
margin:0;
}
.logo{
margin-top:0px;
margin-bottom:0px;
}
.menu_container{
margin:0px 0px 0px;
}

Adjust its value as per your requirements.

4.For your fourth issue

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li a{
font-size:20px;
}

 

Hello,

Go to page.php present in your theme directory and follow the instruction as shown in image given below



Use same process for others also.

 

Hi,

Thank you for providing the assistance. Some things are looking much better!

You asked that I provide the link to our page: http://www.cacitieslatinocaucus.org

#1: In this screen shot below I was able to remove the big red footer but now instead of completely removing it can we just make it smaller/thinner?


#2: Where is it possible to change these links, titles, content, etc.?
View attachment 2015


In the picture below #4, thank you for the information to adjust this area, but how do I increase the font size with out the words dropping down and creating a second, unwanted line?

In the picture below #1, how is the width controlled? I would like to to match the width of the center column.




And lastly, how do we make the slider image window fill up the home page center box and remove the area for text? Possible?

Thanks again for the great customer service. Take care.

 

Hello,

Your website is under construction due to which we are unable to see your webite.
So please make it visible to us so that we can able to solve your issue.

1. Could you please explain your issue more clearly.

2. Your attachment link is not working.

4. Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li a{
font-size:18px;
}

You can adjust the value of "font-size" as per your requirement.

For your last issue,
Go to the front-page.php and follow the instruction shown in the image given below.





And now,
paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.flexslider {
margin: 25px 0px 0px 0px;
width: 100%;
}
.flexslider .slides img {
width: 100%;
}
.slider_wrapper {
background-position: 0px 0px;
background-size: 950px 20px;
}

This will solve your slider issue.

 

Arrow #1: I still cannot seem to get the menu centered toward the bottom. Increasing and decreasing the font size creates a second unwanted line. I would like to move the menu to where the green arrow is and have it centered no matter what font size is entered. does this make sense?

Arrow #2: How to make the center slider the same width as the rest of the page?





SECOND IMAGE
Arrow #1: how to center the footer copyright information exactly in the middle bottom of the page?

Arrow #2: How to remove the search box and Center this area in the center of the page and leave a small margin on both sides? Where in the Wordpress can we change these links?

Arrow #3: How to center this area and leave a margin on both sides?

Thanks for the help.

 

Good day,

I have been attempting to get more and more done. Moving forward from this post some of the above issues have been resolved. Some such as centering the footer have not.

Image #1: Is there a way to put contact information where the arrow is pointing?



Image #2: Center the menu and keep the Tragen Pro font? Must only be one row like I write below:

Board Education & Events Advocacy About News & Resources Connect



Image #3: Remove the grey area and align with the rest of the page.


Cheers everyone!

 

1. For your First issue,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.menu_bar {
width: 122%;
}
#menu .ddsmoothmenu li a {
font-size: 15px;
}
#menu .ddsmoothmenu {
float: none;
text-align: center;
}

This will solve your issue.

Note: Without decreasing the value of font-size it is not possible to make the menubar with single row.

2. For your Second issue,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.slider_container {
background: none;
}

This will solve your slider background issue.

1. For your first issue,
Go to the footer.php file present in your theme directory and edit the code as shown in the image given below.



Now,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.copyrightinfo {
text-align: left;
padding-left: 15px;
}

Adjust the value of "padding-left" as per your requirement.

2. For your second issue,
I have visited your site it seems that you have resolved this by yourself.

3. For your third issue,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.main_content {
padding-left: 15px;
}
.link {
margin-right: 12px;
}

This will solve your issue.

 

1. For your first issue,
Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.
If this isn't something you're able to do then you would need to hire freelancer for this.



2. For your second issue and third issue, follow the answer given in the previous replied post.

 

Green arrow: How can we use the custom font on all the pages. Trajen Pro is the font were using.

Black arrows: How can we adjust the margins so there will be a little space on each side on all the pages?

Thanks.

 

Yellow arrow #1: Are we able to move the menu bar down so it is centered toward the bottom?

Black arrow #2: Can we make the slider image box larger to fill in this empty space?



Thanks Piyush!

 

Hello,
We are unable to see your website.
Can you please make it visible for us, so that we will able to provide you the solution.

 

Hi Piyush,

Okay, I lowered the coming soon plug-in. Have at it.

Thank you

 

Hello,

I would like to follow-up with the status of our prior request for guidance and trouble-shooting. Thank you for your time, have a great evening.

 

Good evening,

I do not think we received a response to this inquiry. Thanks in advance.




Yellow arrow #1: Are we able to move the menu bar down so it is centered toward the bottom?

Black arrow #2: Can we make the slider image box larger to fill in this empty space?







Green arrow: How can we use the custom font on all the pages. Trajen Pro is the font were using.

Black arrows: How can we adjust the margins so there will be a little space on each side on all the pages?