Forum Replies Created

Viewing 30 posts - 1 through 30 (of 39 total)
  • Author
    Posts
  • in reply to: Grid Row & Icon Grid – Problems with formatting #1192806

    Thank you very much Ismael! :-)

    in reply to: Grid Row & Icon Grid – Problems with formatting #1191850

    Yes Ismael, you are right! Having a breakpoint option is very helpful indeed. However Enfold only supports it to be selectable for up to 989px. Thus, please forward to the developers, to add a third breakpoint option for iPads (1024px) Not for me, but for other Enfold users, who wish to optimize for Tablet and iPads

    in reply to: Grid Row & Icon Grid – Problems with formatting #1190895

    Thanks Ismael that idea of yours is very welcome,

    acutally my need for a fix was mainly for iPad resolutions 1024px screen width and maybe pc resolution 1152px width.
    So I adapted your code a bit:
    (max-width: 1152px) and (min-width: 989px)
    and changed width to 70%. Now I needed to center the columns and didn’t get the result with float and position:relative.
    So I remembered margin: auto auto and it worked.
    Because on other pages I did not want all of my columns to be full screen width, I used css classes to make it only adapt to the columns i want them to apply to. So in the end I am satisfied with the results for now. But it wouldn’t have been possible without your css code :-)
    In the end please forward my request to the developers once more to optimize responsive design also for iPads with 1024px screen width at least.
    I am sure there are more enfold users who may have problems with iPad optimization.

    Kind regards

    in reply to: Accordion CSS styles do not apply #1190644

    Thank you very much Victoria :)
    Thread can be closed

    in reply to: Grid Row & Icon Grid – Problems with formatting #1190642

    @support team: could you understand what i mean?

    in reply to: Accordion CSS styles do not apply #1190267

    Maybe there’s one thing left I’d like to change on the accordion:
    Can the icon from every toggler be set to “\e817”?
    Thanks!

    in reply to: Accordion CSS styles do not apply #1190226

    Well done Victoria! :-)
    #top #wrap_all was necessary in order for the CSS to work. I removed p[data-fake-id="#toggle-id-1"] so all items are applied for css modifications.
    The single problem left now is that only bottom border (with purple color) is displayed.
    Is is possible to fix it so top and bottom get the purple border?
    Thanks :)

    Update: Could solve it myself. After some reserach with inspector I discovered that border-top-sytle: none was set somehow. Changed it to border-top-style: solid!important; and voilà :)

    • This reply was modified 1 month ago by  Flow9999.
    • This reply was modified 1 month ago by  Flow9999.
    in reply to: Accordion CSS styles do not apply #1190200

    Hello Victoria,

    it’s disabled now.

    Kind regards :)

    in reply to: Accordion CSS styles do not apply #1190080

    Hello Rikard,

    the class “custom-tabs” was just an example. I know I didn’t use that class at the time when I started this topic.
    Whether I use the custom ID or not “.toggler” doesn’t change anything.
    In order for you to see this, I assigned that class in the example on my subpage with accordion.
    Thanks :)

    in reply to: Grid Row & Icon Grid – Problems with formatting #1189534

    Another issue with icon grid is on mobile resolutions I only get 1 item per row. I’d like at least 2 to be displayed :(

    in reply to: Top Bar (over header) color transition possible? #1189515

    Thanks Ismael,

    your CSS code is working fine. However I feel it gives an overall better impression to leave it as is was before.
    Thread can be closed.

    Kind regards

    • This reply was modified 1 month, 1 week ago by  Flow9999.
    in reply to: Top Bar (over header) color transition possible? #1186888

    Thank you very much for the CSS code!
    It did not have any effect, but I think it may be an even better solution to let Top bar with phone info only be displayed after scrolling.
    Is this possible? If “display:none” is used maybe the header size must be reduced.

    Kind regards

    in reply to: Top Bar (over header) color transition possible? #1186370

    @rikard: That was the idea. I’d like to test that if it looks better.
    But maybe the best solution would be to hide top bar when site is not scrolled (activate top bar with phone info only after scrolling)
    In this case the header size would need to be reduced by the ammount of pixels from top bar. CSS display:none would only hide top bar, but then header is higher than normally.

    in reply to: Breadcrumb Shortcode optimization #1185891

    width: 12px;
    That did the trick, works fine now :-)
    Thanks alot Nikko, I appreciate your effort!

    • This reply was modified 1 month, 3 weeks ago by  Flow9999.
    • This reply was modified 1 month, 3 weeks ago by  Flow9999.
    in reply to: Breadcrumb Shortcode optimization #1185768

    Separator color works now with white :)
    Unfortunatly the “»” char is still only displayed with the first half ( I used & r a q u o ; without spaces)
    Maybe there is some sort of limited amount of characters or pixel that can be displayed in breadcrumbs?

    • This reply was modified 1 month, 3 weeks ago by  Flow9999.
    in reply to: Breadcrumb Shortcode optimization #1185744

    Thanks Nikko!

    I implemented your modifications. The “»” char is only shown displayed with the first half. The second half appears to be cut off somehow.
    The color changes affect separator and the link to main page before, so I need some way to only change separator color.
    Separator should be white and the link to main page before #996633
    Kind regards

    • This reply was modified 1 month, 3 weeks ago by  Flow9999.
    in reply to: Breadcrumb Shortcode optimization #1185668

    Thanks Nikko!

    I made according changes to class-breadcrumb.php, but the new separator is not fully shown.
    $separator = '<span class="sep"> >> </span>';

    Only one “>” char is shown instead of “>>” and I’d like to change the color for the separator to be white, while the link to main page before the separator should be #996633 color. Check my link to see the current result.

    Kind regards

    in reply to: Breadcrumb Shortcode optimization #1185494

    Thanks! The first part works just fine.
    The color modification only applies changes for color with the actual page and not the home page.
    I used the following to make it work:

    #top .avia-breadcrumbs span {
    color: #996633!important;
    }
    #top .avia-breadcrumbs .trail-end {
        color: white!important;
    }

    Now the only thing I would like to change is to change the separator character from “/” to “>>” and maybe change the color for it. How can this be altered through CSS?

    Thanks and kind regards!

    • This reply was modified 1 month, 3 weeks ago by  Flow9999.
    • This reply was modified 1 month, 3 weeks ago by  Flow9999.
    in reply to: Breadcrumb Shortcode optimization #1184981

    Thanks Victoria!

    I need to brief myself on how to install modifications through child theme but I guess I’ll manage.
    Much more important is how I can align breadcrumb shortcode to be centered and how to use different color for “main page” link?

    Kind regards o/

    in reply to: Columns disappearing on Safari #1181457

    Thread can be closed. Issue was Safari bug with “transition: all”
    Thanks!

    in reply to: Columns disappearing on Safari #1181127

    Nevermind it’s not an enfold problem. Installed macOS 14 through VM so I could test.
    It seems to be a CSS transition bug with safari. Best way I can think of is to exclude this transition on Safari through @supports.
    I will do some google reserarch in order to find what I need to write after @supports to do this.

    in reply to: "Click to Load" Button for external scripts #1167966

    Thank you very much for the fast response!
    However Enfold already has it implemented for its own Google Maps shortcode.
    So all I need is to find where the existing solution for “click to load” from enfold is located (in terms of code)

    Thanks alot Victoria!

    Thank you for considering Basilis!

    PS: I bet this may be interesting for many people who wish to further optimize responsive display.

    I can try to do it myself with @media queries and using custom css classes for elements along with font-size attribute and !important tag.
    Maybe it’s better to wait for an enfold update with responsive 1024px (iPad) support.

    Hello Ismael,

    thanks for the information!
    How about support for flexible fonts (vw instead of px) with decimal places for all elements:
    Can this be added in the future?

    Kind regards!

    • This reply was modified 4 months ago by  Flow9999.
    in reply to: How to make columns bigger on hover #1161907

    Beautiful solution! Works like a charm. I changed animation time to 0.5s and scaling to 1.1, then I got the result I wished for :-)

    Thanks alot Mike!

    in reply to: Enfold – Upcoming fixes #1161540

    Sadly it seems responsive options did not get an extra screen width toggle with 1024px (iPad)
    It is really hard to optimize responsive design for iPads without that…
    Can some moderator give any estimate time schedule for this to come?

    in reply to: Enable Breakpoint on iPad resolution 1024px – CSS solution #1161408

    Thanks Victoria! I’d like to make font size smaller (for 1024px screen width) on heading and text of all my 6x 1/3 columns at bottom of main page.

    Thanks Victoria,

    I got it to work with some modifications.
    However it seems that setting the breakpoint to be at 1024px, does not deliver the best outcome.
    I think a better strategy would be to be able to set a smaller font size for column text and heading only for iPad screen width
    (@media only screen and (max-width: 1024px) and (min-width: 989px) )
    Enfold responsive options will show selectable font sizes for mobile, but only up to 989px.
    Is there any way to make font size adjustments for 1024px screen width?

    Kind regards

Viewing 30 posts - 1 through 30 (of 39 total)