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 - 2,701 through 2,720 (of 5,356 total)
  • Author
    Search Results
  • #120971

    Hi,

    I’m working on this site: and am using the Kadence Slider to add images to the home page and other pages.(For Home page it is in there via Theme Options and on the others I am using the Feature page with no sidebar. For now, you can also see it at this non-home page:

    On full screen, there is a little too much white space below the Kadence Slider, (if you look at Home, ideally it would have the same amount of white above and below the logo/menu) and also when I resize to tablet/phone/smaller size, there is giant white space below it (happens on the Home page and the other page/s). Is there a way to remove this white space? Or at least make it so it doesn’t get so huge on mobile?

    FYI, my image is 1600 wide x 1200 high, and if it will work, I’d like to make all my sliders this same size.

    I’ve searched and tried a million things for several days, and can’t seem to figure this one out. Thanks a bunch in advance! (I am also pasting my CSS here in case you need it) –Best, Lori


    @media
    (min-width: 992px){
    .kad-header-left {width:40%;}
    .kad-header-center {width:20%;}
    .kad-header-right {width:40%;}
    }
    .kad-call-sitewide-title-case {
    width: 100%;
    text-align: center;
    }
    .col-md-2.kad-call-sitewide-button-case {
    width: 100%;
    text-align: center;
    }
    .kad-call-sitewide-title-case h2.kad-call-title {
    font-size: 48px;
    line-height: 42px;
    }
    .footercredits p {
    text-align: center;
    font-size: 16px;
    }
    .footernav ul li a {
    font-size: 16px;
    color:#ffffff;
    }
    .footernav {
    float: none;
    text-align: center;
    }
    .footernav ul {
    margin: 0 auto;
    float: none;
    padding: 0;
    }
    .footernav ul li {
    list-style: none;
    float: none;
    display: inline-block;
    }
    .testimonialbox {
    font-size: 18px;
    color: #172137;
    font-style: italic;
    }
    .flex-control-nav, .flex-direction-nav {
    display:none;
    }
    .home .contentclass {
    padding-top: 0;
    }
    #bigcalendar1 {
    margin: 0 auto;
    }
    .wrap.contentclass {
    padding-bottom: 0 !important;
    }

    #120619

    Hello,

    I would like to adjust the virtue premium theme, so I made a child theme. I am using a sidebar and have a two column layout for the blog excerpts. As I want to add some advertising after each column (width of two excerpts) I need to know where to put the code. I was able to put something above and below the excerpts editing the /templates/home/blog-home.php

    But I guess I have to change something within /lib/kad_shortcodes/blog_shortcodes.php – I suppose at the “col-md-6 col-sm-6” section

    As I am not much of a coder I need some help to figure out where to place a code like <?php echo adrotate_group(1); ?> so it gets displayed the way I want it to (like described above). Can anyone please help?

    Cheers!

    #120495

    This is how you would have to format it to target those pages:

    .page-id-130 div#ktmain, .page-id-129 div#ktmain, .page-id-128 div#ktmain {
        float: right;
    }
    
    .page-id-130 .sidebar .widget_nav_menu div h3, .page-id-129 .sidebar .widget_nav_menu div h3, .page-id-128 .sidebar .widget_nav_menu div h3 {
        font-size: 22px;
        left: 10px;
        position: relative;
    }
    
    .page-id-130 .sidebar section#nav_menu-2, .page-id-129 .sidebar section#nav_menu-2, .page-id-128 .sidebar section#nav_menu-2 {
        border: 1px solid #a06e82;
        border-radius: 10px;
    }
    
    .page-id-130 h1.entry-title, .page-id-129 h1.entry-title, .page-id-128 h1.entry-title {
        text-align: center;
    }

    -Kevin

    #120486

    Here is CSS that will do that:

    .page-id-130 div#ktmain {
        float: right;
    }
    
    .page-id-130 .sidebar .widget_nav_menu div h3 {
        font-size: 22px;
        left: 10px;
        position: relative;
    }
    
    .page-id-130 .sidebar section#nav_menu-2 {
        border: 1px solid #a06e82;
        border-radius: 10px;
    }
    
    .page-id-130 h1.entry-title {
        text-align: center;
    }

    I also set the CSS to only effect that page, so if you need more pages like that, send a link to them and I’ll include them in the CSS.

    -Kevin

    #120466

    Try adding this CSS to Theme Options> Advanced Settings:

    div#ktmain {
        float: right;
    }
    
    .sidebar .widget_nav_menu div h3 {
        font-size: 22px;
        left: 10px;
        position: relative;
    }
    
    .sidebar section#nav_menu-2 {
        border: 1px solid #a06e82;
        border-radius: 10px;
    }

    Let me know if that works for you!

    -Kevin

    #120459

    Hi Kevin,

    Thanks for your reply! That was very helpful. I’ve got a sidebar set up now: see mytrojan.co/carbonitriding. Can you provide me with css to do the following:

    1. Align the menu to the left
    2. Reduce the size of the title ‘Heat Treatment Processes’ (maybe h3 instead of h1?)
    3. Add a border around the whole menu 1px thick with 10px radius with the border colour #a06e82

    Thanks!

    #120399

    Hello Mary,

    Using Appearance> Widgets, you can assign a menu widget within a sidebar on your site and only assign it to certain pages.

    Firstly, create a new menu for the sidebar in Appearance> Menus.

    You can create a new sidebar for those pages in Theme Options> Misc Settings, and assign the Custom Menu Widget to it in Appearance> Widgets.

    Then, in the page edit screen, assign a sidebar template under page attributes. By default the sidebar will display to the right, but post a link when you’ve got it configured and I’ll give you CSS to move the sidebar to the left.

    Let me know if this is helpful!

    -Kevin

    #120164

    Hi Magdalena,
    I am seeing all the correct options in your site. You can move the sidebar to the left from Theme Options > Main Settings. You can create an image carousel slider using the Virtue: gallery widget. As for the portfolio images, can you link to where you are showing these?

    Hannah

    #120156

    Hi Marcelo,
    You should actually see a product categories tab on the left sidebar in Appearance > Menus where you can easily add them to your menu. If you don’t see this you may need to select “Product Categories” from the screen options tab on the top right of the page.

    Hannah

    #120140

    I managed to install it but it changed my portfolio pages. I wanted to have all images square in them in 3 columns. I set it to this and its showing massonry style. I looked at gallery pages and i like custom grid look but cant make it look like that.
    I also dont manage to find the way to swap sidebar to the left instead of right – looked in those settings but dont see it there. could you please help http://studiomag.co.uk/

    Thanks

    #120103

    Hi Guys,

    on the mobile version of the shop page of my website http://www.sandusa.com/shop I would like the cart to appear at the top of the page under the menu.

    Please note the cart is currently at the bottom of the page and linking form the sidebar.

    kind regards,

    Baz

    #120102

    Hi Guys,

    On the shop page of my website http://www.sandusa.com/shop I would like the website not to link to a new page when “add to cart” is clicked.
    So when Add to cart is clicked nothing happens on the page except for the cart being updated on the sidebar.

    Any ideas?

    kind regards,

    Baz

    #119894
    This reply has been marked as private.
    In forum: Virtue Theme

    In reply to: fixed menu in mobile

    #119654

    When you are in your dashboard, in the left sidebar locate “Theme Options.” Within Theme Options, you should see “Mobile Header.”

    Does this not appear for you?

    -Kevin

    #119526

    Ok, I see that you are using woosidebars which i=works by replacing other sidebars. This is causing all your confusion and I think you might be much better off just using the normal sidebar functions. For example I went to theme options > misc settings and added a sidebar called shop sidebar.

    then I placed a text widget in to test and made sure none of your woo sidebars were set to override it. And that worked fine. You can check your site now.

    With the shop page you do not need to and should not set a page template. It gets overridden by woo commerce so just leave that on default.

    You control the whole thing in theme options > shop settings.

    Ben

    #119513

    Hey,
    this is a simple silly kind of trick but it will work and have no ill effect on your site.

    Go to theme options > misc settings. Create a sidebar call it “home”

    Then save and reload your theme options.

    Go to theme options > home layout and enable the sidebar for your home page. Choose your new empty “home” sidebar and save.

    Finally go to theme options > advanced settings and add this css:

    .home .main.col-lg-9 {
        width: 100%;
    }
    .home .kad-sidebar.col-lg-3 {
        display: none;
    }

    Now your latest posts will show how you want and you don’t need the shortcode anymore.

    Ben

    #119446

    Hey Pernille,

    1. You can use a slider in your product pages if you have access to the WooExtras Plugin. You can purchase the plugin separately, or it is included with a membership:
    https://www.kadencewp.com/product/kadence-woo-extras/

    2. Try adding this CSS to Theme Options> Custom CSS:

    .sidebar .product_list_widget li img {
        visibility: hidden;
    }

    3. You’ll have to be more specific about how you want this to display. Are you wanting to be redirected to a page that has this link? As it is, you do not leave the product page, which makes it pretty easy for customers to hit the back arrow and return to the shop if they wish.

    4. Here is the CSS to target that text:

    .prev-step-button {
        color: red;
    }

    Let me know if this is helpful!

    -kevin

    #119421

    – products: pictures in the product galery should be displayed within a slider, is this possible?
    – recently viewed products in the sidebar: Is there a possibility to display those without the pictures (only the product title)?
    – after I added a product into the cart, I’d prefer to see a button like “continue shopping”. Is there a way to implement this?
    – during the three-stage checkout process there is a button “back to step 1” and “back to step 2”. How could I highlight this button as it’s hard to be seen?

    Our site:

    Thank you!
    Kind Regards
    Angelika

    #119371

    Hi, all, One of my sites used to reside on blog.website.com and I moved it up to website.com yesterday because I’m going to start adding content to that site. With that change from blog.website.com to website.com, I had to go through and edit some widgets that referred to blog.website.com as well as change a slider. My husband went through the database and updated all other things from blog.website.com to website.com and it all works fine — the links to pages, etc are good. After the change, the sidebars were working but I decided to shut off unneeded plugins that I’m not using on this site: jetpack, as well as two plugins that work with showing or not showing widgets in sidebars.

    Now, the only problem we have is likely unrelated to this change but the sidebars aren’t working/showing widgets. I went in and made a new custom sidebar and put new widgets there. Also emptied the sidebars of anything strange and confirmed that I had shut off the plugins that show particular widgets on particular pages. In theory, it’s pretty simple but the sidebars aren’t showing, just the space is left where the sidebar should be.

    The footer widget areas–they’re fine and show widgets. I moved a widget down into the footer that wasn’t showing in the primary sidebar (recent blog posts) and it shows up fine down there.

    Do you have any idea what this could be?

    #119359

    Hey Anders,
    So you would have to tweak quite a bit, but a similar layout is doable. With virtue there is not an option for a side header, but you can use the sidebar layout and make the sidebar sticky with js, then hide the actual header with css. Then you could enable a slider from Theme Options > Home Slider. For the images I would suggest using portfolio posts. Then in Theme Options > Home Layout enable Portfolio Full in the homepage layout manager, then scroll down to Home Portfolio Full Settings and you can select Mosaic as the Portfolio Layout and choose the rest of your settings.
    Hope that’s helpful!

    Hannah

Viewing 20 results - 2,701 through 2,720 (of 5,356 total)