This topic has 13 replies, 2 voices, and was last updated 8 years by Radu.

  • Author
  • #100925
     fersamp
    Participant

    HI,

    I have visualization problem with my home page in Internet Explorer, in particular with Tabbed Page are displayed all in the same page. Furthermore, there is a strange calendar in the left bottom of the screen.

    Can some one help me to understand the reason?

    Thank you

    #101037
     Radu
    Moderator

    Hi,

    Please specify what version of IE and what OS do you have ?

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #101173
     fersamp
    Participant

    HI,
    I have windows 7 and Internet Exploer 9.0.8112

    #101201
     Radu
    Moderator

    Hi,

    I see that one css file is missing

    COPY CODE
    
    /wp-content/plugins/js_composer/assets/css/vc_lte_ie9.min.css	GET	404	
    

    I suggest you create this file vc_lte_ie9.min.css in /wp-content/plugins/js_composer/assets/css/ and put this content http://seventhqueen.com/themes/kleo/wp-content/plugins/js_composer/assets/css/vc_lte_ie9.min.css

    Let me know

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #101514
     fersamp
    Participant

    Hi, I’m sorry but it doesn’t work.

    #102655
     Radu
    Moderator

    Hi,

    Sorry for the late reply,

    I see, try to use Kleo Tabs from VC instead tabs, i’ve tested and it works Kleo Tabs Element in IE 9

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #103949
     fersamp
    Participant

    Thank you Radu, this helped me.
    Just one last thing: do you know some code or other way to change tabs appearance? I don’t know very well css, so I don’t know how to add a css custom class to changeg tabs look.

    Thank you very much

    #103989
     Radu
    Moderator

    Hi,

    You’re welcome,

    How do you want to style the tabs ?

    Please proivde link where your tabs appears and a screenshot that pointing out the elements that you want to style

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #104089
     fersamp
    Participant

    Hi Radu,
    in the attachment there is my home page.
    I added two tabbed page, the first is wordpress default tab and the second is kleo tab.
    (I have to remove the first because it doesn’t work on IE 9)

    Is there some way to change the border/the color of the second tab to make it looks like the one above?
    There’s some template example I can choose?

    Attachments:
    You must be logged in to view attached files.
    #104159
     Radu
    Moderator

    Hi,

    Please provide me link to that page from screen capture was made, and make sure that you will keep that page online with both tab elements.

    There are no template available.

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #104265
     fersamp
    Participant

    Hi,
    you can find it on my home page.

    http://www.dayroma.it

    thank you for help

    #104386
     Radu
    Moderator

    Hi,

    Please add this css to wp-admin -> theme options -> quick css

    COPY CODE
    
    
    .main-color .nav-tabs > li.active > a,.main-color .nav-tabs > li > a {
        border-color: #f0f0f0;
        background-color: #f8f8f8;
        color: #666;
        margin-right:1px;
        border-radius: 5px 5px 0px 0px;
    }
    .main-color .nav-tabs > li.active:focus > a,.main-color .nav-tabs > li > a:focus { 
    
    	border:1px solid #ddd !important;
    	border-bottom:1px solid transparent !important;
    
    }
    .tabs-style-default>li.active>a, .tabs-style-default>li.active>a:hover, .tabs-style-default>li.active>a:focus {
    	border:1px solid transparent;
    
    }
    .kleo-tabs .nav-tabs { 
    border: 0px;
    }
    .tab-content>.tab-pane {
        padding: 20px;
        background-color: #F8F8F8;
    }
    
    

    It should be ok

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #104391
     fersamp
    Participant

    really thank you 🙂

    #104403
     Radu
    Moderator

    Great,

    Have a nice week

    Cheers

    Radu

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?