Docs

[wedtke]

Hi there,

i would like to use the tabs code as a “language switcher” for short texts as I photoshopped in the attached picture.
Can you provide the code for that? And can you make it stay like that when mobile/tablet?

Thanks a lot and have a nice day!
Nils

[wedtke]

This reply has been marked as private.

[Rupok]

Hey there,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[wedtke]

Seriously, this one is “outside the scope”?

Excuse me, Rupok, but I have ordered EIGHT licences and this is my 4th request. I basically buy this theme because of this particular – and so far satisfying – service.

I have been finding a lot of customisation issues via this forum that seem to me a lot more complicated than this one – So if you could explain to me, which part of this particular request is “outside the scope”, I will take bake my request.

Thanks a lot, best regards, Nils

[Rue Nel]

Hello There,

Thanks for the updates! I am another staff checking on this thread. Actually what you have in mind can be done only if you will have to manually insert the German and English text in a tabbed content area. In a page or post, you can simply divide it in two columns. The left side for the image and the right side will contain the tabbed content. Of course you have to manually insert your translations in the tab content so that you can have the layout in mind. If you want something dynamic then that would require additional 3rd party translation plugin such as WPML and more customizations needs to be done to the text that will automatically get the texts wrapped with tabs and then display the translation. Please be advise that this method can only be possible with theme customizations which is beyond the scope of our support. I am hoping that the simple way would apply.

Thank you for your understanding.

[wedtke]

Hello there,

thanks for the explanation. I think you got me wrong there – shouldn’t have used the words “language switcher”.
My request for the code only refers to the styling of the tab element as shown in my screenshot above. Nothing more. Nothing dynamic. No language function or anything. Just the look (just the look, the look of love…:)

Is that possible? Thanks and have a nice day!

[Rue Nel]

Hello There,

Thank you for the clarifications. To assist you with some “language switcher” styling, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[wedtke]

feelizia.de
login see 2nd post in this thread

[Lely]

Hi There,

Please check TABBED TEST page.

1.) Using Cornerstone, I have added Tabs element.
2.) On the class field of this element, I add custom-tab.
3.) Then on Settings Tab > Custom CSS I have added the following:

.x-nav.custom-tab {
    float: right;
    width: 50%;
}
.x-tab-content.custom-tab {
    clear: both;
    border-top: 1px solid rgba(0,0,0,0.15);
}
.custom-tab li {
    width: 50% !important;
}
@media (max-width: 979px){

.x-nav.custom-tab {
     width: 100%;
}
.custom-tab li {
    float: left !important;
}
}

See this:http://screencast-o-matic.com/watch/cD6tXgjmGb

Hope this helps.

[wedtke]

This is perfect, thank you very much and have a nice day!!

[Joao]

You too 🙂

[wedtke]

Hey Folks, i have another quick question regarding the tab element.

On this page (Login provided above in this thread)
http://feelizia.de/fee/

I made the heading float: left, hoping everything fits in place, unfortunately the upper part of the tabs disconnected from the box. Is there a fix to this? Thanks in advance and have a nice day! Nils

[Christopher]

Hi there,

please update text style to:

float: left;font-size: 2.8em;color: #c4ab08;font-weight: bold;text-transform: uppercase;line-height: 0.1;margin-top: 0.3em;margin-bottom: 0;

Hope it helps.

[wedtke]

Thanks, works fine on desktops, at first it looked broken on 979px and less but adding a GAP that is only visible 979px and less fixed it. Have a nice day!

[Joao]

Glad to hear it,

Joao

[Author]

Posts