Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Search Results for 'sidebar'

Home / Forums / Search / Search Results for 'sidebar'

Viewing 20 results - 3,741 through 3,760 (of 5,356 total)
  • Author
    Search Results
  • #69094

    No… I want to put sidebar widget inside listing… I want to have full width header (breadchumbs)
    Now it looks like this

    #69053

    Hey,
    There is also this one workaround. If you enable a sidebar on your shop page, and you place the woocommerce widget “woocommerce price filter”
    Then you can create custom links with the url to your shop page/?min_price=0&max_price=30

    Just note that the widget has to be added for this to work.

    Ben

    #69049

    How can i put side widget inside content like this

    Hey,
    That ^ doesn’t make sense to me? You have a sidebar showing in the image? You can add more items to the sidebar in your widgets page. Is that what your looking for?

    Ben

    In forum: Virtue Theme

    In reply to: Body and Side Width

    #68908

    I don’t see any change after putting such a css code in.

    I feel that the problem is the main column and not the sidebar column.

    In forum: Virtue Theme

    In reply to: Body and Side Width

    #68689

    Hey,
    You don’t want to adda background to the aside, thats part of the framework and would be out by 15px.. for a sidebar background use this:

    .kad-sidebar .sidebar {
        background: green;
        padding: 10px;
    }

    Ben

    In forum: Virtue Theme

    In reply to: sidebar fonts – help

    #68638

    hmm yeah your right, could use this too instead of important:

    #content .sidebar, #content .sidebar a {
    font-size:14px;
    line-height:20px;
    }

    Ben

    In forum: Virtue Theme

    In reply to: Body and Side Width

    #68625

    Hi Hannah,

    Thanks, but that did not solve the issue. As you can see in the link below, the sidebar is still going out of the width of the whole website.

    http://truedoors.com/collection/

    If you view the page on a mobile, you can even seen a bigger blank white space on the right hand side.

    Regards,
    Karl

    #68612

    Hi Ben,
    You told me about this plugin ( to filter the result of the shop.

    It is nice but I am not sure it is what I am after as this one goes in the sidebar.

    I would like to recreate the filter which is above the products in the t-Shirt category (Theme-3 Virtue) and makes the products slide around.
    It Says “ALL, MENS, WOMANS”

    Thanks a lot,
    Erol

    #68582

    I have a Top Bar with widgets.

    Below which I display my logo and a SiteOrgin Slider in the Header Widget Area.

    Below the logo and SiteOrgin Slider I have a product carousel.

    Along the right side staring below the Header Widget Area I have my menu in the Primary Sidebar.

    In the Homepage Layout Manager I only have “Best Selling Products” and “Page Content” enabled. I enabled the “Home Widget Area” that just pushed my carousel down.

    How do I access the area to the right of my logo and SiteOrigin Slider and above my menu?

    Thanks!

    http://www.BirdFeet.Net, CraigM

    In forum: Virtue Theme

    In reply to: sidebar fonts – help

    #68555

    Thanks!!

    I had to modify that css to get it to work. would not work without it.
    added the !important, then it worked

    .sidebar, .sidebar a {
    font-size:14px !important;
    line-height:20px !important;
    }

    In forum: Virtue Theme
    #68510

    So then you can use this css:

    .sidebar .widget h3 {
    padding: 10px;
        padding-left: 90px;
    background-image: url('http://wordpress.memorialsighet.ro/wp-content/uploads/2015/11/widget.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    Ben

    In forum: Virtue Theme

    In reply to: sidebar fonts – help

    #68505

    Hey,

    .sidebar, .sidebar a {
    font-size:14px;
    line-height:20px;
    }

    You can use that css.

    Ben

    #68494

    Hi,

    I really need to change all the sidebar fonts to a different size than the themes Body Font size.
    The website I am working on uses a 18px body font with a 29px line spacing, BUT I need all the sidebars (not the widgets titles, just all the text in all sidebars) to be smaller font (14px).

    How to fix this, it is important to meet my clients specs.

    suggestion: add ability to control sidebar fonts from Theme Options > Typography section. … but I need a patch fix now 😉

    Thank you!

    In forum: Virtue Theme
    #68389

    Hey,
    The image is 78px by 54px. Are you wanting that image size to be in the titles?

    Are you only wanting to effect sidebar widgets or if only certain ones which ones. I would need to know that to get the right code.

    Ben

    #68371

    Hey,
    1. You can add this css:

    @media (max-width: 991px), (device-width: 768px) {
    #mobile-nav-trigger {display:none;}
    
    #nav-main ul.sf-menu, .nav-main ul.sf-menu {
        display: block;
        float: none;
        text-align: center;
    }
    
    #nav-main ul.sf-menu li {
        float:none;
        display:inline-block;
    }
    }
    @media (max-width: 768px) {
    #mobile-nav-trigger {display:block}
    
    #nav-main ul.sf-menu, .nav-main ul.sf-menu {
        display: none;
    }
    }

    2.

    .sidebar h3 {
        font-size: 20px;
    }
    .sidebar {
        font-size: 12px;
    }

    3. If you want the image menus to size based on the image an not based on a set height you need to use the option in the image menu settings for setting based on image height.

    4.

    .blog-carouselcase .blog_item .imghoverclass, .blog-carouselcase .blog_item .entry-content, .blog-carouselcase .blog_item header .subhead  {
        display: none;
    }
    .blog_carousel .blog_item{
        min-height:0;
    }

    5. Do you know css?

    Ben

    #68287

    Thanks. It works. I actually noticed that the same problem appears when I use a Virtue Theme Image Widget in the sidebar. Can that be translated too please?

    #68275

    Hmmm….. Okay, I am figuring out that if I resize my desktop window, I can see the responsiveness without going to my other devices….

    I took the construction page off so you can see. My website is smartmusicteacher.com.

    Is there some way to:

    In the tablet size, instead of going to the dropdown menu right away, to keep the primary menu as it was but move it underneath the header? Right now the dropdown is overlapping the right side of my header and creating a line of wasted space that could be used to actually display my menu options.

    Make the font size of the sidebar items, including titles, independent of the body and heading fonts so I can use smaller fonts for the sidebar?

    Shrink the three image links I have at the top of the homepage instead of just cropping them? Or at least shrink the text…. Or is there some better way to deal with images?

    Display Similar Posts (on post pages) as only titles instead of a summary and image? As the screen gets smaller, it would be more efficient to not display the image….

    Do I have to ask you for the code to adjust anything, or is there a way to see the code? I hate to keep asking you for things I might be able to figure out on my own….

    Thanks, Ben!

    #68246

    Sure you can force the sidebar to stay on tablet… Just add this css in your theme options > advanced settings.

    @media (min-width: 768px) and (max-width: 992px) {
        .main.col-lg-9 {
        width: 70%;
        float: left;
    }
    .kad-sidebar.col-lg-3 {
        width: 30%;
        float: left;
    }
    }

    Kadence Themes

    #68208

    Or is there a way that I can at least keep the sidebar on tablet-sized screens. There is no reason why there shouldn’t be two columns on a tablet.

    Just thinking of work-arounds and trying to get my head around how responsiveness works…..

    #68205

    Hi Ben

    One problem I actually solved before posting here (must be getting good!) but worth recording for others methinks 🙂

    I needed the sidebar on the left for my latest site. So I found your CSS for this on the forum:
    body .main {float: right;}

    And it worked great on the laptop and I carried on designing with forms and mouseovers etc in the content area. Then I resized the browser to see what needed to be tweaked for phones and tablets (yes, I know that’s the wrong way round 🙂 )

    And all the form input fields, mouseovers, even the links, just stopped working as the sidebar dropped below the content!

    Identified the problem by using the browser tools – the sidebar container was still ‘anchored’ top right and so was laid out over the top of the whole of the content, masking any interactive bits even though they were still visible.

    Fixed by making both the body .main and .ktsidebar classes relatively positioned (to give me access to their height positioning) and then giving them different z-index values. So now the content is over the top of the sidebar…
    body .main {position: relative; z-index: 2; float: right;}
    .ktsidebar {position: relative; z-index: 1;}

    Best, Colin

Viewing 20 results - 3,741 through 3,760 (of 5,356 total)