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 10 years, 4 months ago ago by Jack Richardson

  • Avatar: Diamonddream
    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
    Avatar: Robert Hall
    Robert Hall
    Participant
    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
    Avatar: Diamonddream
    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.

    Diamond Dream Front Page Edits

    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.

    Blog Edits

    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.

    Website Footer Edits

    Shop Edits

    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
    Avatar: Jack Richardson
    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
    Avatar: Diamonddream
    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!

    Blog layout

    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?

    Cart & Footer Page Edits

    Homepage slider edits

    My account edits

    Sign in page edits

    #88012 Copied
    Avatar: Diamonddream
    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
    Avatar: Jack Richardson
    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

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress 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.