WordPress.org

Forums

Virtue
Questions about icons menu and submenus (21 posts)

  1. virtue_fan1
    Member
    Posted 1 year ago #

    Hi there,

    First I have to say that the virtue theme is well designed, well planned and well built.

    I need help with a few issues customizing it, you provide great support and I would really appreciate the help:
    1. How to set static height for icons-menu items?
    2. How to change font sizes and types for headline in icon item, and for the description? How to change the spacing between lines and headings (headline and description as well)?
    3. How to center 1st level sub menus under main menu items?
    4. How to change sub menus levels to open to the left instead of right?

    Thank you:)

  2. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    1. You can set a height with css, something like :

    .home-iconmenu a {
    height: 160px;
    }

    2. a. Font size for title is h4 tag but you can edit specifically with:

    .home-iconmenu h4 {
    font-size:18px;
    }

    for description:

    .home-iconmenu p {
    font-size:12px;
    }

    b. .home-iconmenu h4 {padding-bottom:20px;}

    3.

    .sf-menu > ul li {
    text-align: center;
    }

    4.

    .sf-menu li:hover ul, .sf-menu li.sfHover ul, .sf-menu ul  {
    right:0;
    left:auto;
    }

    Kadence Themes

  3. virtue_fan1
    Member
    Posted 1 year ago #

    I started with 3 and 4 and it doesn't seem to have any effect.

    BTW I meant that I want the submenu containers to be centered under the main menu links.
    This is the code I currently have in the advanced custom css box:

    .sf-menu > ul li {
    text-align: center;
    }
    .sf-menu li:hover ul, .sf-menu li.sfHover ul, .sf-menu ul  {
    right:0;
    left:auto;
    }
    .sf-menu ul li a {
    font-size: 1.5em !important;
    color: #006EAE !important;
    text-align: right !important;
    }
    .sf-menu ul li a:hover {
        color: #FD8204 !important;
        }    
    
    .home-iconmenu a {
    background: #006EAE;
    }
    
    .captiontitle, .captiontext {
    background: #006EAE;
    }
    
    .flex-caption {
    color: #ffffff;
    }
    
    //.captiontitle, .captiontext {
    background: transparent;
    font-weight: 400;
    text-shadow: none;
    }opacity: 0.8;
    
    //.sf-menu {
        float: right;
    }
    
    //.sf-menu li {
        float: left;
    }

    Thank you:)

  4. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    Well start with removeing all of this:

    //.captiontitle, .captiontext {
    background: transparent;
    font-weight: 400;
    text-shadow: none;
    }opacity: 0.8;

    //.sf-menu {
    float: right;
    }

    //.sf-menu li {
    float: left;
    }

    That will cause problems which will make the rest of your css not work.

    Kadence Themes

  5. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    The submenu can't really be centered because it's a responsive theme, you can add this:

    .sf-menu li:hover ul, .sf-menu li.sfHover ul, .sf-menu ul {
    right: -50%;
    left: auto;
    }

    But it's not going to be perfect since it's getting is position based on the right side of the menu item. You can adjust more with margins but you would then need to add media
    queries for smaller screens.

    Kadence themes

  6. virtue_fan1
    Member
    Posted 1 year ago #

    I understand.

    How can I make the submenu levels open to the right instead of the left?

  7. virtue_fan1
    Member
    Posted 1 year ago #

    Sorry, I meant open to the left instead of to the right.

  8. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
    right: 100%;
    top:0;
    left:auto;
    }

    Kadence Themes

  9. virtue_fan1
    Member
    Posted 1 year ago #

    You are amazing!:)

    The first submenu level does open to the left, but the next level opens to the right again.

    How do I make all submenu levels open to the left?

  10. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    Add this:

    ul.sf-menu li li li:hover ul,
    ul.sf-menu li li li.sfHover ul {
    right: 100%;
    top:0;
    left:auto;
    }
  11. virtue_fan1
    Member
    Posted 1 year ago #

    Outstanding:)

    If I understand correctly I would just have to add another 'li' for any extra subcategory level.

    I also wanted to ask about the icons menu, how to centralize it under the slider? it seems too far left right now.

    Thank you

  12. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    Can you post a link?

    Kadence Themes

  13. virtue_fan1
    Member
    Posted 1 year ago #

    I am currently developing on my local machine so I took a screenshot:

    [IMG]http://i61.tinypic.com/2he8pqq.png[/IMG]

  14. virtue_fan1
    Member
    Posted 1 year ago #

    I also wanted to ask about content pages, how to make their headline (&sub-headline)and content's text all alligned to the right?

    I need those modifications since the site is in Hebrew (a right to left language).

    Thank you for all your great assistance:)

  15. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    It looks like you set your icons to have four columns.. use three columns for three items.
    You would need to add css to set up a rtl site. Use the inspect tool in chrome or firefox to find your classes and add "text-align:right" to each class in your custom css box.

    Kadence Themes

  16. virtue_fan1
    Member
    Posted 1 year ago #

    I do have 3 columns selected... its still not center aligned.

    Regarding the classes, for example in a simple text page I need to alight to the right the h1 class, and the p class=subtitle.
    How can I do that?

    The text itself is aligned to the right but its stuck to the left leaving a wide space empty to the right. Also the period at the end of the sentences appears at the start of the lines instead of left.

    Thank you.

  17. virtue_fan1
    Member
    Posted 1 year ago #

    I also found this wordpress article on adapting theme to be right to left:

    Maybe you could tell me how can I apply it here?

  18. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    Creating a complete right to left css is a big job. It's not at the top of my todo list but maybe soon. I can only offer advice as to the ins and outs I assume there will be a need for a lot of css.

    Kadence Themes

  19. virtue_fan1
    Member
    Posted 1 year ago #

    I understand.

    I believe that a few rather minor changes will suffice for my needs.

    Right now I would like to ask how to do the following:

    1. How to center align the 3 columns of icons menu?
    2. How to move to the right edge, the title, secondary title, and text content (paragraph text) of a content page?
    3. How to fully align to the right the text content, so the period would appear at the end of the sentences?

    Thank you so much:)

  20. Kadence Themes
    Member
    Theme Author

    Posted 1 year ago #

    1. I need a link, they should be centered by default (if three columns are set in the theme options) so if they are not then I need to see what in your site is causing the conflict.

    2. It's more then just some css you can add to make the script start on the right and go left. You need to add support for it in the rtl.css file like I said above haven't done for this theme yet.

    Kadence Themes

  21. virtue_fan1
    Member
    Posted 1 year ago #

    I was trying to rebuild the site on a server and found the problem.

    Previously I chose to display a sidebar layout with the home page.
    I changed it to a layout with no sidebar and now the icons menu is well centralized.

    Could you give me any rough estimate as to when you could provide a way for me to make those rtl changes?

    I have quite some experience with wordpress site development, and your theme just blows all other free themes out of the water and many of the premium ones as well.

    Both people in Israel and in other countries that use RTL languages would be very lucky and eager to have your theme support this language type.

    Forgive me if at any point I am asking for too much, but is there a chance that you could give me a way to do my needed changes within a week or maybe two weeks?

    Thank you again, and regardless you can consider me a real fan of your work:)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic