Slider counter, widget position and size in footer, remove author

Goodmorning I've some questions for you:

1) How can I move the counter in the slider from "dots in a vertical" to "horizontal dots"?

2) in my footer on the first widget has more space to the right than the other two, I wish they were all equally spaced.

3) footer height how can I reduce it?

4) the distance between the button "read more" and the beginning of the footer is too little how can I change it?

5) In the articles I would like to remove the author and the path that indicates the location and publication.

6) if possible in the categories to see more items on the same line perhaps with the title aligned centrally with the picture?

7) you can remove the archive widget in the right primary? and change the name of the categories in the "season"


thank you in advance for your help and I apologize for the many questions, I searched for answers but unfortunately I could not find them.

my test website is: multimaglia.it/WPtry/

 

Hello,

1.For your first issue

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

Code:

.flex-control-nav li {
display: inline-block;
}
.flex-control-nav li a:hover {
background-position: 0 -20px;
}
.flex-control-nav li a.active {
background-position: 0px -20px;
}
.flex-control-nav {
bottom:18px;
}
 
@media only screen and (max-width: 767px){
.flex-control-nav li {
display: inline-block;
margin: -10px 0 0 20px;
}
 
.flex-control-nav {
bottom: 1px;
text-align: right;
right: 20px;
display: inline-block;
width: 200px;
}
}

2.For your second issue

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





3.For your third issue

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

Code:

.footer {
padding: 0;
}

4.For your fourth issue

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

Code:

.footer-wrapper{
margin-top:40px;
}

5.For your fifth issue

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

Code:

.content-bar .post .post_meta .posted_by {
display: none;
}
.content-bar .post .post_meta .post_category {
display: none;
}

6.For your sixth issue

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

Code:

.content-bar .post .post_content img.postimg{
float:left;
}

7.For your seventh issue

You are talking about sidebar widget area, Go to the
Appearance > Widgets
Drag widgets and drop them in the Primary and Secondary widget area, It will automatically display at your sidebar.

 

Steps 1 - 2 - 3 - 4 - 5 working very well and I thank you.
You probably will not make myself clear about my intentions of paragraphs 6 and 7, I'll try to explain it again.

6) if I click on a category all items are lined up one below the other, I would like if possible to have them next to each other, up to a maximum of 2 or 3 in the same row.

7) in primary and secondary widget if I leave them with nothing, there are those of example (search, categories, and pages) and I would like to eliminate them so as to leave more space for what I described in step 6.

then I would add a last request:

8) site logo and menu centered, and how can I center the text in footer widget and the title in their space used? I hope I was clear otherwise I'll make a picture = D

 

Hello,

Unfortunately there isn't a way to do that with our theme unless you custom code something up. Sorry.

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

Code:

.sidebar {
display: none;
}

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

Code:

.footer h4 {
text-align: center;
}
.textwidget {
text-align: center;
}
.widget_inner.last {
text-align: center;
}

 

Thank you so much! But you forgot how i can move logo on centre and align centre the menu like this pic.

If I can't do it, can i do a smallest menu bar then and put it on hompage middle?

 

Hello,

We have visited your website, it is looking fine.
I think you have resolved your issue.

If not then you can paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

#menu ul.ddsmoothmenu {
text-align: center;
}
#menu .ddsmoothmenu li {
float: none;
}
#menu li a {
float: none;
display: inline-block;
}

This will solve your menu issue.

 

I was using 2 trick , logo is a image in .png that was long 540 pxl but if I visit site whit phone logo appear at right (couse mobile version have logo on centre) now i'm using the real logo and appear on left. I think this is the last fix.
Thanks!

p.s. website is www.multimaglia.it I move WP in public htmal

 

Hello,
If you want to center align the logo image then paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.header .logo {
float: right;
margin-right: 50px;
}
@media only screen and (max-width: 767px){
.header .logo {
float: none ! important;
margin-right: 0px ! important;
}}

You can adjust the value of "margin-right" as per your requirement.

 

Its Perfect! Thanks! I hope this post can help some user.