Getting the tabbertab blues...

dudlhofer
Topic Author
Offline
New Member

9 years 9 months ago #51856 by dudlhofer

Getting the tabbertab blues... was created by dudlhofer

I'm struggling in trying to figure out, how to format content in tabs correctly. I put only one single field in the bottom-tab1, but it is displayed only as a small column floated left. At the subtitle_tabs I have contents, which utilizes the whole width of the tab, as you can see on the screen shot.
I checked all styles, but couldn't find the one, that sets the width of this field to 172px. Any clues? Where to look further?
Click to view tabbertab-blues.jpg

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

9 years 9 months ago #51862 by ggppdk

Replied by ggppdk on topic Getting the tabbertab blues...

Hello

it will take as much width as it is required, if you want to change this, you can use the CSS as needed

e.g.

Code:

#fc_bottom_tab1 .flexi.element {
  width: 94%;
}

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

micker
Offline
Administrator

9 years 9 months ago #51879 by micker

Replied by micker on topic Getting the tabbertab blues...

think to read faq about flexicontent.css override and use firebug to find class

FLEXIcontent is Free but involves a very big effort on our part.
Like the our support? (for a bug-free FC, despite being huge extension) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing reviews. Thanks![/size]

Please Log in or Create an account to join the conversation.

dudlhofer
Topic Author
Offline
New Member

9 years 9 months ago #51886 by dudlhofer

Replied by dudlhofer on topic Getting the tabbertab blues...

micker wrote: think to read faq about flexicontent.css override and use firebug to find class

If you would have looked at the screenshot, which I provided, you'ld have seen that I used firebug but amending the classes it revealed wouldn't change anything.

Please Log in or Create an account to join the conversation.

dudlhofer
Topic Author
Offline
New Member

9 years 9 months ago #51887 by dudlhofer

Replied by dudlhofer on topic Getting the tabbertab blues...

ggppdk wrote: it will take as much width as it is required, if you want to change this, you can use the CSS as needed

It simply doesn't give me the expected results. Whatever value I set for whatever class, the width of the contained div is always set to a width of 172px. Any body willing to give me a hand and check at www.simssee.org/vermieter/vermieter-in-s...rgnest-weinberg.html ?

The form is wrapped into

Code:

<div id="fc_bottom_tab1" class="tabbertab " title="">
  <h3 class="tabberheading">Besonderheiten</h3>
  <div class="flexi lineinfo">
    <div class="flexi element">
      <div class="flexi value field_kontaktform">
        <div class="qlcontact form">
          <h2>Ihre Anfrage</h2>
          <form method="post" action="">

and the relevant classes, that I amended are

Code:

#fc_bottom_tab1 .flexi.element {
    width: 94% !important;
}
div.flexi.field_kontaktform {
    width: 800px;
}
input[type="text"], input[type="email"], textarea {
...
    width: 80%;
}

The definition for .field_kontaktform ruins responsiveness, but I tried to force a full width usage - it simply doesn't work.
Anyone?

Please Log in or Create an account to join the conversation.