Getting the tabbertab blues...

3 years 3 months ago #51856 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.

3 years 3 months ago #51862 by ggppdk
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.
#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 review. Thanks!

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

3 years 3 months ago #51879 by micker
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.

3 years 3 months ago #51886 by dudlhofer

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.

3 years 3 months ago #51887 by dudlhofer

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 http://www.simssee.org/vermieter/vermieter-in-stephanskirchen/zimmer-von-privat-st/item/225-weinbergnest-weinberg.html ?

The form is wrapped into
<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
#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.

3 years 3 months ago #51890 by ggppdk
Hello

do you describe a bug?

can you be specific modification or improvemnt,
we should do ?


-- 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 review. Thanks!

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

3 years 3 months ago #51895 by dudlhofer

ggppdk wrote: do you describe a bug?

No, I just need a hint which CSS class to modify in order to make my contact form utilize more than just the 172px width column.

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

3 years 3 months ago #51923 by ggppdk
Hello

in DOM inspector or firebug or etc

-- you go up from the form until you find the container that is full width

-- then you go down forcing each inner container to 98% or 100% width
div.qlcontact.form {
    width: 100%;
}

div.qlcontact.form dl {
    width: 100%;
}


-- 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 review. Thanks!

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

3 years 3 months ago #52019 by dudlhofer

ggppdk wrote: then you go down forcing each inner container to 98% or 100% width


Well, that list was too long to oversee - I didn't expect to find the wrong value elsewhere than in a FC-related item. Thanks very much for your help.

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

3 years 3 months ago #52031 by micker
if it solved think to edit your title post to add [solved]
regards

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.

Moderators: vistamediajoomlacornerggppdk
© 2018 Flexicontent. All Rights Reserved.