Return to previous page

Change theme to fit to screen and custom css is not working

This topic has 7 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Jack Richardson

Diamonddream

Participant

August 20, 2015 at 01:33

I was wondering if I could change my theme to fit to screen and if I could receive some help with my custom css section. I enabled it in theme settings as well as in the back end (site editor), but it seems to not work.

I would like to make the gaps between my header, and footer much smaller, as well as possibly making my recent blog post widget much smaller.

Also, is there any way to make the form for the products more responsive instead of having a huge list of brands & items?

Thanks for the help.

#81137 Copied

6 Answers

Robert Hall

Support staff

August 20, 2015 at 07:45

Hello,

Could you please clarify with more details what exactly you want to do and show us screenshots?

Also please provide us with link to the page and wp-admin access in Private Content.

Regards,
Robert Hall.

#81165 Copied

Diamonddream

Participant

September 15, 2015 at 19:50

Sorry for such a late response. Let me know if you need anything else from me. Thank you.

In addition to the highlighted areas, I would like the page to zoom out, which will make the website homepage viewable in its entirety without having to scroll.

The blog posts are too zoomed in and would like it to be identical to the front page where you can view the blog posts without having to scroll. Also, could I have all of the posts have a call to action e.g. have a snippet paragraph as an introduction and then click to view more instead of exposing all of the post.

The shop list is too long and was wondering if there was another viewing option such as compressing into in a drop down list(s).

Please, contact administrator
for this information.

#87122 Copied
Jack Richardson

Support staff

September 16, 2015 at 15:02
Hello,

To remove space between logo and banner I’ve disabled Page Heading in your home page editor in Page Layout box.
Also I’ve added this code in custom.css file:
```
.navbar {
    padding: 0px 0px !important;
}
```
```
.header-type-11 .top-links li a, .shop-text, .cart-summ {
  color: white;
}
```
```
.aio-icon-box, .wpb_column > .wpb_wrapper .aio-icon-component .aio-icon-box {
    margin-bottom: 0px !important;
}
.square_box-icon .aio-icon-description {
    padding-bottom: 0 !important;
}
```
```
.blog-post, .responsive-sidebar-bottom {
   margin-bottom: 0px !important;
}
```
Sorry, but there is no drop down option for Brands widget. And there is no possibility to view the blog posts without having to scroll. Sorry.

Best regards,
Jack Richardson.
#87299 Copied
Diamonddream

Participant

September 18, 2015 at 18:19

Thanks for the help. I have a few more edits if you could help me out. Attached are the photos.

Your help is really appreciated!

Outside of the pre-defined blog post layout, can I change the it myself? If so, could you lead me to that specific page? Also, would it apply to all posts or do I have to manually create one?

#88012 Copied

Diamonddream

Participant

September 18, 2015 at 19:12

And one last thing.

My search bar doesn’t include my blog posts in the search, can you change that as well?

Thank you so much!

#88022 Copied
Jack Richardson

Support staff

September 19, 2015 at 09:48
Hello,

1. Go to Theme Options > Blog Layout and select layout “Small”.

2. You’re using incorrect shortcode for Checkout page. Please view Woocommerce documentation:
http://docs.woothemes.com/document/woocommerce-shortcodes/

3. Add this code in custom.css to show text in footer:
```
.copyright .textwidget p {
    margin-bottom: 0 !important;
    margin-top: 8px;
}
```
4. White area will be hidden when the issue with shortcode is fixed.

5. Use this css code to show text in popup window:
```
.login-link .login-popup .popup-title span {
    color: black;
}
```
6. You can select what to search in Theme Options > Header > Search post type.

Best regards,
Jack Richardson.
#88089 Copied
Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

Designers – WordPress Theme

lazy-placeholder

Phone Service – WordPress WooCommerce Theme

lazy-placeholder

Mobile Store – WordPress WooCommerce Theme

lazy-placeholder

Legenda – WooCommerce WordPress Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Pub – WordPress Theme

lazy-placeholder

Watches Store – WooCommerce Theme

lazy-placeholder

Shoes Store – WordPress WooCommerce Theme

lazy-placeholder

Kidsstore – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.