Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • December 3, 2014 at 4:07 pm #362160
    WEBIGAMI

    Hi Team,

    I have the following issues:

    1) On http://webigami.de/justcom/reparaturen/iphone-reparatur/#tab-id-1 My tabs have several colums and on iPad portrait or a small browser size it looks bad (see screenshot). Can I tell the theme to use mobile tab view and have them all closed from iPad portrait size and less?

    2) In Full Screen Slideshow I’d like to increase the size of the “Scroll Down Arrow” and remove the borders around the “Minimal” navigation style arrows

    3) How can I center the headline in ajax portfolio? Default is left aligned.

    Please advise!

    Thanks so much,
    Jan :)

    • This topic was modified 9 years, 11 months ago by WEBIGAMI.
    December 3, 2014 at 11:51 pm #362586
    Elliott

    Hi jansthh!

    1. You can play around with the value on line 1036 in /enfold/css/shortcodes.css.

    @media only screen and (max-width: 767px)  {

    To change when the tabs switch to responsive.

    2. Try adding this to your custom CSS.

    .scroll-down-link { font-size: 200px !important; }
.avia-slideshow-arrows a:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

    3. Add this to your custom CSS.

    .portfolio-preview-title.entry-title {
    text-align: center !important;
}

    Cheers!
    Elliott

    December 4, 2014 at 1:03 pm #362820
    WEBIGAMI

    Hi Elliottt,

    AAAAAWESOME! Thank you :)

    1) I managed to display the tabs underneath from iPad portrait mode descending. But unfortunately, the columns inside the tabs still look messed up like in the screenshot in my post above. Any ideas?

    And I’d like to have the first tab closed in responsive mode.

    Thanks,
    Jan :)

    • This reply was modified 9 years, 11 months ago by WEBIGAMI.
    December 5, 2014 at 5:45 am #363422
    Ismael

    Hey!

    Please clean up the the shortcodes inside the tab. There are generated p tags that messes up the layout of the flex column. Make sure that there are no spaces between the shortcodes.

    Best regards,
    Ismael

    December 17, 2014 at 4:22 pm #369502
    WEBIGAMI

    Hi Ismael,

    it did that. It still creates this big border from the second tab on (in this example “iPhone 6”):

    http://justcom-hamburg.de/reparaturen/iphone-reparatur/#tab-id-2

    Any more ideas? :(

    Jan

    December 17, 2014 at 9:50 pm #369752
    Elliott

    Hey!

    Paste the full code your using here.

    As for having the tabs closed by default on responsive I don’t see an easy way of doing that. There must be one tab open at all times so I think the script would have to be edited. It’s possible with the toggles and accordions though.

    Regards,
    Elliott

    • This reply was modified 9 years, 11 months ago by Elliott.
    December 18, 2014 at 3:28 pm #369971
    WEBIGAMI

    Hey Elliott,

    I switched to Toggles now. I hope the client will be fine with that ;)

    I have the same problem here with the white space from the second toggle on upwards. Here ist the code in the toggles:

    <p style="text-align: center;">[av_one_fourth first]</p>
<p style="text-align: center;">[av_font_icon icon='ue8ac' font='entypo-fontello' style='' caption='Display' link='' linktarget='' size='30px' position='center' color='#42a72b'][/av_font_icon]</p>

<h6 style="text-align: center;">DISPLAY</h6>
<p style="text-align: center;">Bildschirm, Glas</p>
<p style="text-align: center;">[av_button label='99,- €' link='http://justcom-hamburg.de/reparaturen/iphone-displayschaden/#5s' link_target='' size='small' position='center' icon_select='yes-right-icon' icon_hover='aviaTBaviaTBaviaTBicon_hover' icon='ue87d' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</p>
<p style="text-align: center;"><a title="Filialen" href="http://justcom-hamburg.de/filialen/">Filiale</a>
<a href="http://www.justcom-shop.de" target="_blank">Webshop</a></p>
<p style="text-align: center;">[/av_one_fourth][av_one_fourth]</p>
<p style="text-align: center;">[av_font_icon icon='ue8a0' font='entypo-fontello' style='' caption='' link='' linktarget='' size='30px' position='center' color='#42a72b'][/av_font_icon]</p>

<h6 style="text-align: center;">AKKU</h6>
<p style="text-align: center;">Batterie, Anschlüsse</p>
<p style="text-align: center;">[av_button label='39,- €' link='manually,http://' link_target='' size='small' position='center' icon_select='yes-right-icon' icon_hover='aviaTBaviaTBaviaTBicon_hover' icon='ue87d' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</p>
<p style="text-align: center;"><a title="Filialen" href="http://justcom-hamburg.de/filialen/">Filiale</a>
<a href="http://www.justcom-shop.de" target="_blank">Webshop</a></p>
<p style="text-align: center;">[/av_one_fourth][av_one_fourth]</p>
<p style="text-align: center;">[av_font_icon icon='ue817' font='entypo-fontello' style='' caption='' link='' linktarget='' size='30px' position='center' color='#42a72b'][/av_font_icon]</p>

<h6 style="text-align: center;">SCHALTER</h6>
<p style="text-align: center;">Buttons, Lautstärkeregler</p>
<p style="text-align: center;">[av_button label='59,- €' link='manually,http://' link_target='' size='small' position='center' icon_select='yes-right-icon' icon_hover='aviaTBaviaTBaviaTBicon_hover' icon='ue87d' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</p>
<p style="text-align: center;"><a title="Filialen" href="http://justcom-hamburg.de/filialen/">Filiale</a>
<a href="http://www.justcom-shop.de" target="_blank">Webshop</a></p>
<p style="text-align: center;">[/av_one_fourth][av_one_fourth]</p>
<p style="text-align: center;">[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='30px' position='center' color='#42a72b'][/av_font_icon]</p>

<h6 style="text-align: center;">TON</h6>
<p style="text-align: center;">Mikrofon, Lautsprecher</p>
<p style="text-align: center;">[av_button label='59,- €' link='manually,http://' link_target='' size='small' position='center' icon_select='yes-right-icon' icon_hover='aviaTBaviaTBaviaTBicon_hover' icon='ue87d' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</p>
<p style="text-align: center;"><a title="Filialen" href="http://justcom-hamburg.de/filialen/">Filiale</a>
<a href="http://www.justcom-shop.de" target="_blank">Webshop</a></p>
<p style="text-align: center;">[/av_one_fourth]</p>
<p style="text-align: center;">[av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello'][av_one_fourth first]</p>
<p style="text-align: center;">[av_font_icon icon='ue8cd' font='entypo-fontello' style='' caption='' link='' linktarget='' size='30px' position='center' color='#42a72b'][/av_font_icon]</p>

<h6 style="text-align: center;">WASSERSCHADEN</h6>
<p style="text-align: center;">Totalausfall, Wasserschaden</p>
<p style="text-align: center;">[av_button label='49,- €' link='manually,http://' link_target='' size='small' position='center' icon_select='yes-right-icon' icon_hover='aviaTBaviaTBaviaTBicon_hover' icon='ue87d' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</p>
<p style="text-align: center;"><a title="Filialen" href="http://justcom-hamburg.de/filialen/">Filiale</a>
<a href="http://www.justcom-shop.de" target="_blank">Webshop</a></p>
<p style="text-align: center;">[/av_one_fourth][av_one_fourth]</p>
<p style="text-align: center;">[av_font_icon icon='ue848' font='entypo-fontello' style='' caption='' link='' linktarget='' size='30px' position='center' color='#42a72b'][/av_font_icon]</p>

<h6 style="text-align: center;">GEHÄUSE</h6>
<p style="text-align: center;">Back-Cover, Rahmen</p>
<p style="text-align: center;">[av_button label='239,- €' link='manually,http://' link_target='' size='small' position='center' icon_select='yes-right-icon' icon_hover='aviaTBaviaTBaviaTBicon_hover' icon='ue87d' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</p>
<p style="text-align: center;"><a title="Filialen" href="http://justcom-hamburg.de/filialen/">Filiale</a>
<a href="http://www.justcom-shop.de" target="_blank">Webshop</a></p>
<p style="text-align: center;">[/av_one_fourth][av_one_fourth]</p>
<p style="text-align: center;">[av_font_icon icon='ue803' font='entypo-fontello' style='' caption='' link='' linktarget='' size='30px' position='center' color='#42a72b'][/av_font_icon]</p>

<h6 style="text-align: center;">SONSTIGE DEFEKTE</h6>
<p style="text-align: center;">Wir finden den Fehler</p>
<p style="text-align: center;">[av_button label='ab 29,- €' link='manually,http://' link_target='' size='small' position='center' icon_select='yes-right-icon' icon_hover='aviaTBaviaTBaviaTBicon_hover' icon='ue87d' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</p>
<p style="text-align: center;"><a title="Filialen" href="http://justcom-hamburg.de/filialen/">Filiale</a>
<a href="http://www.justcom-shop.de" target="_blank">Webshop</a></p>
<p style="text-align: center;">[/av_one_fourth][av_one_fourth]</p>
<p style="text-align: center;">[av_font_icon icon='ue856' font='entypo-fontello' style='' caption='' link='' linktarget='' size='30px' position='center' color='#42a72b'][/av_font_icon]</p>

<h6 style="text-align: center;">WEITERE REPARATUREN</h6>
<p style="text-align: center;">PCs, Konsolen, iPods</p>
<p style="text-align: center;">[av_button label='ab 39,- €' link='manually,http://' link_target='' size='small' position='center' icon_select='yes-right-icon' icon_hover='aviaTBaviaTBaviaTBicon_hover' icon='ue87d' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</p>
<p style="text-align: center;"><a title="Filialen" href="http://justcom-hamburg.de/filialen/">Filiale</a>
<a href="http://www.justcom-shop.de" target="_blank">Webshop</a></p>
<p style="text-align: center;">[/av_one_fourth]</p>

    Moreover, I’d lilke to:

    1) align center the sort tags above the toggles
    2) change the font size and colour of the sort tags
    3) change the colour and font size of the toggle titles

    Please see a screenshot of the current view with the left aligned sort tags, the small font and the small toggle titles:

    Thank you so much! I really appreciate!

    Cheers,
    Jan :)

    December 18, 2014 at 11:39 pm #370296
    Ismael

    Hi!

    I checked the site but the Sorting setting is disabled. Please enable it then we’ll check the site. Try this on Quick CSS:

    .togglecontainer .taglist a, .togglecontainer .taglist span {
font-size: 20px;
color: red;
}

.taglist {
text-align: center;
}

    Best regards,
    Ismael

    December 19, 2014 at 1:28 pm #370549
    WEBIGAMI

    Hi Ismael,

    awesome, it worked!

    One more thing: How can I change the Toggle Titles font size and colour?

    Thanks and cheers,
    Jan :)

    December 20, 2014 at 5:30 pm #370988
    Elliott

    Hey!

    You can use this CSS for the toggle titles.

    .toggler { font-size: 20px; color: red !important; }

    Regards,
    Elliott

    December 22, 2014 at 12:03 pm #371514
    WEBIGAMI

    Hey Elliott,

    thank you!

    One more thing:

    How can I increase the padding between two portfolio rows (e.g. between 5 columns in the first and 5 columns in the second row). Important: The padding between the title and the title-image musn’t be affected.

    Thank you,
    Jan :)

    December 22, 2014 at 12:10 pm #371516
    WEBIGAMI

    Hey Elliott,

    I figured it out:

    #top .grid-entry .inner-entry {
padding-bottom: 50px;
}

    Happy Christmas! :)

    Jan

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Tabs, Slider Navigation, Arrows, Ajax’ is closed to new replies.