Forum Replies Created
-
Posts
-
Thanks Mike and Basilis. We’ll just leave as is for now. Intuitively the user should use the tabs to navigate between the tabbed content. And if we have a lot of content where the user needs to scroll, and they use the main nav they’ll just reload the page. Not ideal but works. Thanks again.
I’d rather not throw in another plugin if I can avoid it. It seems as if this should be possible without. Can’t we use a similar technique that allows the browser to scroll to color sections when an anchor link is in the main nav menu? This works well on other pages of the site ie the platform and activation pages.
Thanks Mike. The behavior is odd when the above fixes are added. When clicking on the tabs the URL structure is example.com/#tab-name and the browser slides to the destination tab without reloading the page. But if we make the change to the permalink or code the menu URLs with “example.com#tab-name”, it goes to the tabbed content but forces the browser to reload the page thus defeating the purpose of the tabs. Any way to simply have the tabs main menu function in the same fashion as simply clicking on the tabs–without a page reload? Thanks!
@Mike, sorry the tabbed content resides on a different page. See private area. You’ll note that if you’re on the page and decide to use the main global nav and select one of the links to the tabbed content, the browser doesn’t respond. The URL will change to add the /#tab but the browser doesn’t go to the tab.
If you’re on a different page and click on the main nav to a specific tab, the browser will redirect to the tabbed content. Just doesn’t work when you’re on the page where the tabbed content resides.
You’ll note that this also doesn’t work on your Enfold 2017 demo.
The tab content element is demo’d here: https://kriesi.at/themes/enfold-2017/features/#blog-layouts
But if you put another tab in the URL, the browser does nothing: https://kriesi.at/themes/enfold-2017/features/#icon-font-uploader
Any idea what’s wrong? Thanks!
EricThanks Vinay. You guys are the best!
Quick question… the centered logo navigation seems to be a pretty popular header treatment. Is there any thoughts of adding this to the header options for future updates to the Enfold theme?
Thanks again!
EricHi Vinay,
This all worked out and we massaged the spacing to work. The only problem is that the last responsive break point has the burger menu without any padding on the right size–same issue with the padding on the left size of the logo. What’s the custom CSS to add more padding to the burger menu and the logo after the last break point i.e. when in mobile portrait view?Thanks!
EricPS
New login credentials in private area.Ok, we’ve removed the custom script you provided and it fixed the scrolling to anchor link issues from the main nav menu. Although now the anchor links within tabbed content related to the previous support ticket, aren’t working. Any idea on how to have the main nav menu anchor links open a tab and go to the tabbed content on the same page if clicked within the main nav menu sub links?
Hi Enfold Support,
We noticed that recent updates to Enfold have changed the way Events Calendar by Tribe isn’t showing the proper meta. Ideally we need event posts powered by Events Calendar to show start and end dates (Tribe event date meta) when using the magazine post element instead of post creation dates. The above hack to the functions.php file addressed this. Although the other meta data is showing up now with some issues i.e. the breadcrumbs (author and date separate “/”) now appear when they didn’t before and don’t have any spacing.We also noticed that the sorting by Tribe Event Calendar event dates (not post publish dates) isn’t working any longer. We have updated the theme adding the method above to add additional sort function to the magazine post element but the event posts aren’t sorting by the Event Calendar event dates but rather the publish dates.
Link and login info is provided below.
Thanks!
EricHere you go:
Main icon grid element settings screen (only area to add custom class): https://www.dropbox.com/s/3yv4h8slvio4dnf/Screenshot%202018-10-26%2011.27.29.png?dl=0
When you go to edit the grid icon you can’t add the custom class ID
https://www.dropbox.com/s/j2wolexv26sb3r2/Screenshot%202018-10-26%2011.56.34.png?dl=0We did find a workaround and created a table element and placed in the avia short code for the icon elements within. Seems to work although the responsiveness isn’t as clean as an icon grid. Be good to be able to add custom icons to the icon grid if possible.
Is there an update to the functions.php or icon grid php file that can do this in the same way we turned on the custom class ID field using the ALB method?
So how can you make the table width of one column bigger than the other? Currently table cells / columns are the same width. We’d like the first column (left) to be 70% of the table width and 30% for the right column. Do you have a quick CSS fix to accomplish this?
We solved the vertical alignment with:
.pricing-table-wrap {
vertical-align: middle;
}Beside item #4, we have one other request and this is to make the table width of one column bigger than the other. Currently they’re the same width. We’d like the first column (left) to be 70% of the table width and 30% for the right column.
Thanks!
Eric@acscreativenew, what was the CSS update you used to get the background video to work behind a grid column section? Thanks!
Hi Victoria,
That did it although it didn’t work placing within the Quick CSS area of Enfold. Worked when placing within the WordPress Customize area “Additional CSS”. This way it won’t be overwritten during the next Enfold update.Can you please share the css for these other items?
2. vertically align the content
4. no space and or control the spacing between table cells as well as above and below (i.e. padding and or margins)
Thanks you,
EricHi Enfold Support,
We’re trying to accomplish the same thing as well as style the content within the tables. Ideally we’d like to accomplish the following:
1. have the table cells background be transparent so the color section background video shows through.
2. vertically align the content
3. remove borders
4. no space and or control the spacing between table cells as well as above and below (i.e. padding and or margins)URLs and logins in private area.
Thank you!
EricIs it possible to apply custom css to multiple pages at once or do you need separate CSS for each page?
For example:
.page-id-13 .page-id-14 .blog-categories.minor-meta {
display: none !important;
}OR
.page-id-13 .blog-categories.minor-meta {
display: none !important;
}
.page-id-14 .blog-categories.minor-meta {
display: none !important;
}Works like a charm. Thank you! Just needed to massage the values a bit and add “!important”. Looks great.
Be great if the theme was updated to where you could designate column spacing and width of areas at the page level and section levels with some “page” and or “section options”. I know you can for the entire site but for responsive sites that are full width (mostly because of edge to edge backgrounds, it’s a great feature to keep the content from getting too spaced out on bigger screens. Thanks again. You guys rock!
Sweet! Thanks Victoria. We’ll give it a shot. Looks like you’re using our custom class for column spacing. Thanks for including that!
Hi Mike,
We’re able to have the columns centered. The issue is the spacing between the columns. Wed like to decrease the spacing between the columns. If you expand the window the columns separate creating a lot of space in between. If we add padding to the left of the far left column and padding to the right of the far right column it helps on desktops but when the screen goes portrait on mobile the padding pushes the columns off center. The left column (top row on mobile portrait) will be off center to the right. And the right most column will be pushed to far to the left of a mobile screen.Is there a way to simply decrease the spacing between the columns on wide screens yet keep them centered on mobile screens when they stack into one column?
Thanks!I have the same issue with column spacing. The problem in general using the layout padding is that when the screen gets narrow (e.g. portrait mode on mobile) and one row of 3 columns goes to 3 rows of 1 column, each row is not centered. Can someone please take a look at the set up we have for our page. One section has one row of 3 1/4 width columns (1/5 was too narrow) and another section with two 1/3 width columns (directly below). We just want to decrease the space between the columns for each section. Thanks!
Thanks Mike! We’ll give it a shot. Regarding custom css, you’re saying that wordpess’ custom css will overrode enfold custom css? Better to use that location for this problem than enfold’s custom css file?
Btw Kreatura is investigating this issue as well. Couldn’t tell from your initial research if this was a bug with Enfold or LayerSlider. Kriesi may get a call. ;)
Hi Mike,
Would you happen to know what the div code is for opening transitions using words or lines instead of just characters like we’re using. We changed the opening transition to appear by word and the line heights broke. Any way to simply apply the fix you provided to all opening transitions?
Thanks!
EricThanks Mike. Makes sense and I’ll check with Layerslider for a long term fix. This is helpful and will help others understand the issue when searching for a solution. I can’t imagine this is the first time this issue has come up.
Thanks Vinay! That appears to have fixed it. So both the media query and what we set the break point for the mobile menu needs to be the same else we’ll see the problems with the menu? Is there also a way to have the menu fonts and horizontal spacing between menu items, shrink to retain the centered logo menu nav until both the spacing and font size reach too small a point and then jump to the mobile menu? Hoping I can go smaller than 1200px with the current menu items (character lengths) without having the nav menu wrap or jump to the mobile menu. Thanks!
Ok so we have to use custom CSS to set the line height for Layerslider when using Open Transition animation for text? This means any line height settings used in LayerSlider will be ignored. Is this a LayerSlider plugin issue or an Enfold issue? I’m assuming you understand no one will know the solution unless they come across the fix you shared in this support thread. I’m just trying to save other Enfold users the hassle of figuring this out. Without seeing this thread they’ll be as confused as we were and since this fix sets the line height to 1.3em (or whatever is placed in the custom css), all line height designations in the layerslider text styling settings will be ignored. Again, just trying to help other Enfold users using LayerSlider. Or maybe I’m missing something here.
Thanks Vinay. Just so I understand, where is the line height for H1 within layerslider originally oontrolled from? Advanced styles settings? Is there a bug fix to allow animated (open transition) text to recognize line height settings in layerlsider or will custom css hacks be the only way to fix? Thanks!
