Multiple questions

My website is in the process of being built and is: new.gcbox.com

First question: how do I center the image loop dots just below the headline image? right now they're flush left, but i want to center them in the middle of main headline. how do I do this?

Second question: how do I justify the body copy under the headline? Also, why does the font in the footer widgets increase in size when i use code to increase the body copy only?

Third question: how can I increase the column headlines?

Fourth question: how do i remove the "read more" and body copy below the thumbnail images?

Last question: how do I reduce the size of the footer widget copy without modifying any of the other typefaces?

thank you in advance for your help. I know these are a lot of questions but this is all very new to me.

 

1. Paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

#slider_pag {
left:400px;
}
@media only screen and (max-width: 480px){
#slides #slider_pag {
left:75px ;
}
}

2. Paste the following code in your custom css for justify the home page content text

Code:

.home_text {
text-align: justify;
padding: 30px 10px 20px 10px;
}

The font of the footer widget text increase in size because you have put the code

Code:

p {
font-size: 18px!important;
}

in the Custom CSS. So, Remove this paragraph code from the custom CSS and paste the code

Code:

.home_content .home_text p {
font-size: 18px;
}

This will change the font size of home page content text only, without affecting the size of footer widget text.
3. Paste the following code in your custom css

Code:

.feature_content h2 a {
font-size: 25px;
}

4. Paste the following code in your custom css

Code:

.feature_inner.feature_inner_bottom p {
display: none;
}
.feature_content .read_more {
display: none;
}

5. Paste the following code in your custom css

Code:

.widget_inner p {
font-size: 14px;
}

Adjust the above values as per your requirement.