Return to previous page

How to change product image sizes in carousel

This topic has 18 replies, 3 voices, and was last updated 8 years, 11 months ago ago by Jack Richardson

  • Avatar: Pivotal5
    Pivotal5
    Participant
    May 17, 2016 at 16:05

    Hi there,

    I am trying to figure out how to change the dimensions of the product images on the carousel feature I have on my website. I have images that are a certain size, but they get distorted unless I create entirely new images and sizes to match the dimensions of what the product image is set for.

    See attached screenshot to see the distortion I am talking about in my images. The image on the left (TNT Cable System (copy)) is the one that I resized to fit the dimensions of the product size (265×193) and the one on the right (TNT Cable System) is the one that was NOT resized and looks distorted. http://www.lifelinefitness.com/wp-content/uploads/Screen-Shot-2016-05-17-at-9.53.50-AM.jpeg.

    The page that I’m working on is this one: http://www.lifelinefitness.com/interiors.

    Is there a way that I can change the dimensions within the css on the page?

    Thanks very much in advance. I will attach my login information for the website.

    Please, contact administrator
    for this information.
    #126202 Copied Theme version: Royal
    17 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    May 17, 2016 at 18:26

    Hello,

    Try to use this css code:

    .imagesthumbnail {
    height: 100% !important;
}

    Regards,
    Eva Kemp.

    #126220 Copied
    Avatar: Pivotal5
    Pivotal5
    Participant
    May 25, 2016 at 20:01

    ah, yes, that worked. thank you!

    One other question for you – is there a way to implement a “mega menu” with multiple columns in the drop down navigation? The same way it shows up on all of the demo pages for Royal’s WP theme? For example, when you’re in one of the various theme version demos, and you hover over the word “DEMO” in the main navigation, a dropdown menu with 4 columns appears. How can I implement that on my website? Is that a plugin that is available within the theme?

    Thanks!

    #127228 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    May 26, 2016 at 08:22

    Hello,

    You can create mega menu as described in the documentation https://www.8theme.com/demo/docs/royal/#!/primary_menu .

    Regards,
    Eva Kemp.

    #127272 Copied
    Avatar: Pivotal5
    Pivotal5
    Participant
    June 1, 2016 at 12:27

    Thanks, Eva. I’m having trouble getting the multiple columns to show up, though. I followed the documentation, but I don’t know what CSS to use in the column headers to get them to show up in different columns. Does that make sense? We want to have 10 columns total.

    Any help you could provide would be greatly appreciated. I will send you my log in information, as well. I’m currently working on the menu, so if what you see doesn’t make sense, that’s why. I’m just trying to get the functionality to work.

    Thanks!

    Please, contact administrator
    for this information.
    #127900 Copied Theme version: Royal
    Avatar: Pivotal5
    Pivotal5
    Participant
    June 1, 2016 at 12:32

    Hi again,

    I just saw in another post that you can only go to 5 columns total. Is there a way that I can change that? We want to have 10 columns total in the menu.

    When I changed it to menu-column5 it showed up correctly. Now I’m just trying to find a way to be able to increase our columns.

    Thanks,
    Kate

    #127901 Copied
    Avatar: Pivotal5
    Pivotal5
    Participant
    June 1, 2016 at 12:43

    I’m sorry, I need help with one more thing. Certain things on my home page are now showing up not aligned correctly.

    For example, see this screenshot to see how the “BEST SELLERS” and “FEATURED” tabs are not showing up correctly. The “FEATURED” tab is showing up below everything else: http://www.lifelinefitness.com/wp-content/uploads/Screen-Shot-2016-06-01-at-6.39.48-AM.jpeg. http://www.lifelinefitness.com is the page I am referring to and working on.

    Also, for some reason the dots in the slider are sometimes showing up off-center, but ONLY on the first slide.

    Is there something I’m missing that could be making that happen?

    Thanks again

    #127905 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 1, 2016 at 13:57

    Hello,

    Unfortunately there is no possibility to add more columns in the menu.

    Please provide WP Dashboard credentials to check the issue with tabs.

    Best regards,
    Jack Richardson.

    #127928 Copied
    Avatar: Pivotal5
    Pivotal5
    Participant
    June 1, 2016 at 16:40

    See below.

    Please, contact administrator
    for this information.
    #128005 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 1, 2016 at 16:49

    Hello,

    You’re using deprecated Tabs element http://storage3.static.itmages.com/i/16/0601/h_1464796115_4775567_2f9d7873b0.jpeg . You have to recreate it. Remove the current element and add a new Tabs element from VC editor.

    Also you need update the theme to the latest version and Woocommerce as well.
    Before update delete “woocommerce” folder in the directory wp-content/themes/royal/ and it’ll be reuploaded from a new theme package.
    Also update all required plugins https://www.8theme.com/download-plugins/ .

    Don’t forget to create back up of your files and database before starting update process!


    (it’s for Legenda theme but the process is the same).

    Best regards,
    Jack Richardson.

    #128010 Copied
    Avatar: Pivotal5
    Pivotal5
    Participant
    June 1, 2016 at 17:00

    Aha, I see now. However, is there a way that we can make the new version of the tabs section look how it does currently? I tried deleting and recreating the tabs section, and it looked nothing like how it looks right now on the home page, and that’s how we want it to look. Is there a way we can recreate the same style even using the new tabs section?

    #128014 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 1, 2016 at 17:59

    Hello,

    You can add custom css code for tabs to display them as you want. Since the plugin authors have changed Tabs element code its design is different now.

    Best regards,
    Jack Richardson.

    #128021 Copied
    Avatar: Pivotal5
    Pivotal5
    Participant
    June 2, 2016 at 14:23

    Perfect. I have another question regarding the mega menu option. Is it possible to have MULTIPLE sections within one column? See attached screenshot for example: http://www.lifelinefitness.com/wp-content/uploads/Screen-Shot-2016-06-02-at-8.20.37-AM.jpeg. I asked previously in an earlier message in this thread, about adding extra columns as we have 10 total. However, I am now wondering if we can have 2 sections in one column, similar to how the screenshot shows “PROPS” and “BAGS” in the SAME column. Can I do that through this theme?

    Thanks,

    Kate

    #128233 Copied
    Avatar: Pivotal5
    Pivotal5
    Participant
    June 2, 2016 at 16:32

    Hi there,

    I’m trying to update WooCommerce and I followed the instructions you gave, and for some reason. WooCommerce WILL NOT update. No matter how many times I have tried to delete it through my FTP and overwrite the Royal theme folder, it keeps saying on the back end of WP that I have the old version of WooCommerce installed.

    Can you help me with this?

    Thanks

    Please, contact administrator
    for this information.
    #128238 Copied
    Avatar: Pivotal5
    Pivotal5
    Participant
    June 2, 2016 at 16:45

    You can ignore my last message, as I got it figured out, but I still am wondering about my earlier message:

    Perfect. I have another question regarding the mega menu option. Is it possible to have MULTIPLE sections within one column? See attached screenshot for example: http://www.lifelinefitness.com/wp-content/uploads/Screen-Shot-2016-06-02-at-8.20.37-AM.jpeg. I asked previously in an earlier message in this thread, about adding extra columns as we have 10 total. However, I am now wondering if we can have 2 sections in one column, similar to how the screenshot shows “PROPS” and “BAGS” in the SAME column. Can I do that through this theme?

    Thanks,

    Kate

    #128240 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    June 2, 2016 at 16:58

    Hello,

    Unfortunately there is no such possibility in the theme. Sorry.

    Regards,
    Eva Kemp.

    #128244 Copied
    Avatar: Pivotal5
    Pivotal5
    Participant
    June 2, 2016 at 19:21

    okay, then I would like to make the top level items BOLD. can you tell me the CSS for that? I’m referring to the top level items such as “RESISTANCE” “BODYWEIGHT” “STRENGTH” etc. that are black in this screenshot: http://www.lifelinefitness.com/wp-content/uploads/Screen-Shot-2016-06-02-at-1.19.30-PM.jpeg.

    #128260 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 2, 2016 at 20:59

    Hello,

    Please use this code in Global Custom CSS section:

    .menu .menu-full-width .nav-sublist-dropdown ul > li > a {
   font-weight: bold;
}

    Best regards,
    Jack Richardson.

    #128265 Copied
  • Viewing 18 results - 1 through 18 (of 18 total)

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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – 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.