Forum Replies Created
-
Posts
-
What’s up, Yigit? jgax87?
Hey, just so you both are aware, I was having this same issue, and found this SUPER EASY solution on another kriesi.at/support thread.
Here’s the full article explaining how to do it, but it is so easy it’s ridiculous, so I thought if I could save jgax87 or anyone else the chore of re-updating everything, that would be awesome.
Basically, all you do is go into wp-config in your child theme folder, then delete the extra lines you left in there (I had left an extra line after ?> when I was removing the avia debug editor script, once I was done with it).
Definitely worth a try if you’ve got this issue. Enfold rocks! Thanks so much!
What’s up, Enfold?!
Running enfold 4.3 with a child theme.
I did the above and it works perfectly, but… only if I do not edit anything in the “Row Settings” of the first column. Once I edit for “Equal Height” / alignment “Top,” only the final (sixth) column displays with the new width–the others revert to normal 1/5 width.
I found the min_height=’av-equal-height-column’ and vertical_alignment=’av-align-top’ in the avia builder debug at the bottom of the Edit page, but I’m not sure how to input the code into the quick CSS so it displays correctly.
Thanks in advance for your assistance. You guys rock!
Thanks for the great suggestions!
While I was trying the @media only quick css, I discovered a good workaround for this issue using a color section.
The testimonials slider we were trying to build was already inside a color section, so if you can’t put yours into a color section, this won’t apply to you (like if you want sidebar widgets to appear on that page, for example, although I don’t know you would if it’s mobile). In any case, if you can use a color section, put your testimonials slider inside the color section, then open the color section’s Section Layout > Section Minimum Height > Custom height in pixel.
Then you can use Ctrl+Shift+M on Firefox (to get a responsive view of your site), and mess with the ‘height in pixel’ settings of the color element until it matches your tallest testimonial slider item. Just toggle the “device selected” at the top of the viewport and it tells you the exact pixel dimensions of whatever device you’re working with. This prevents the rest of the page on mobile from jumping up and down as the slider, once the height you select is taller than the max height of how the color section with testimonials slider inside renders on the device chosen for it in Screen Options. I did end up having to remove some of the longer testimonials, though, as it was just too much variation in height on mobile, plus using the html/Text editor to make testimonials’s font sizes smaller (to reduce variation in section height) ended up causing the testimonials slider to stop rotating. (During editing, I just open up 4 or 5 tabs of the one page I’m working on and set each one to a different device view so I can edit the page in one window, then view how the changes render on the devices in the other window. PS to reload all tabs at once in Firefox, right click on a tab and click “Reload All Tabs,” or, even faster, [Windows OS] use Alt+D (selects location bar), then hold Shift and hit Tab twice (selects tab), then hit Shift+F10 (opens right-click menu from keyboard), and hit a. Anyway, that saves me tons of time clicking, etc. during edits).
The different versions of my website’s page, each for a different device, is so easy to work with once I realized I can just duplicate whatever element I’m working with (a color section, let’s say), go to Screen Options > Element Visibility, and pick which screen size I’m working with for that one. So I’ll have three or four duplicates of the same avia element, each one with settings a little different for mobile, mobile landscape / tablet portrait, tablet landscape, and full desktop so they look great on that device.
Hope this is helpful to someone. Enfold rocks!
I could really use some help with this header / main menu font colors issue.
I’ve been working on it for the past 4 hours, trying different variations of custom CSS.
The demo we’re using defaults the top main menu/header to transparent, but we needed the site to have white background on the header/main menu, so we added this CSS (from a different kriesi.at/support thread) to fix that:
div#header_main {
background-color: white;
}Then this CSS, also from kriesi.at support, to resolve the phone number/socials above-main-menu header section to a white background.
#top .av_header_transparency #header_meta
{ border: none;
background-color: white; }But what happened was that the header colors (active page, hover, and normal menu-item link text) were now broken up into two different configurations: the first one for when browser is at the top of the page, but a different one when the site visitor scrolls down the page. Menu options within Enfold menu appeared to only impact the ‘scrolled’ options, so I kept searching and trying different CSS to resolve/get them to both behave the same way.
It seemed like I finally found a solution for the settings being split into two different ones by adding this
#header{
position: fixed !important;
}And it seemed like I’d found the solution for the proper hover and menu-link colors with this:
#header_main { color: #919191; } /* color of main menu items */
#header_main a:hover{ color: #e0b13a !important; } /* hover state of main menu items */but then when I tried the same thing for the ‘active page’ font text, it didn’t work, even with the !important in there:
#header_main a:active
( color: #000000 !important;
}So I went ahead and tried a different approach for the ‘active page’ color (so the site visitor knows what page they’re on) with this:
.header_color .main_menu ul:first-child > li.current-menu-item > a, .
header_color .main_menu ul:first-child > li.current_page_item > a
{ color: #000000 !important;
}It worked, yes, but now there’s a new problem, which is that when I click on a main menu link, the page begins to load up (goes to the lightbox screen), then comes back to the current page for a few moments, and only THEN renders the page for the link that was clicked on… So this ends up looking bad and producing a poor user experience.
Please help! I feel like there is surely an easy fix for this, but I have been unable to find it. Thanks so much!
UPDATE:
Unchecking the “Page Transitions” box in Enfold > Theme Options solved the reloading same page issue… Whew!
If you’re already running the free Yoast SEO plugin, you don’t need to install another plugin.In Yoast menu, go into “Titles & Metas”, then, in the “Archives” tab, the first section is “Author Archives”. Make sure it’s set “disabled,” then save changes, clear your cache, and the problem should be solved. This resulted in my “About Author” page disappearing, and my 404 to Homepage plugin sending people straight to the homepage. Hope this is helpful!
Here’s another option if you’re not using a child theme and don’t want to have to keep track of all your custom CSS. If you have Yoast SEO plugin installed (free version), go into “Titles & Metas”, then, in the “Archives” tab, the first section is “Author Archives”. Make sure it’s set “disabled,” then save changes, clear your cache, and the problem should be solved. This resulted in my “About Author” page disappearing, and my 404 to Homepage plugin sending people straight to the homepage. Hope this is helpful!
If you have Yoast SEO plugin installed (free version), go into “Titles & Metas”, then, in the “Archives” tab, the first section is “Author Archives”. Make sure it’s set “disabled,” then save changes, clear your cache, and the problem should be solved. This resulted in my “About Author” page disappearing, and my 404 to Homepage plugin sending people straight to the homepage. Hope this is helpful!
Which header.php file do I insert the JSON-LD script into?
In cPanel there are a ton of them (see below). So which one do I input into?
Thanks! It’s so awesome to be learning how to do schema!
/public_html/wp-blog-header.php/public_html/wp-admin/custom-header.php
/public_html/wp-admin/menu-header.php
/public_html/wp-admin/admin-header.php
/public_html/wp-content/plugins/better-wp-security/core/lib/includes/function.login-header.php
/public_html/wp-content/plugins/wp-hummingbird/core/pro/modules/reporting/templates/header.php
/public_html/wp-content/plugins/wp-hummingbird/core/pro/admin/views/performance/reporting-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/dashboard/performance/module-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/dashboard/caching/module-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/dashboard/smush/meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/dashboard/uptime/module-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/dashboard/gzip/module-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/dashboard/reports/meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/dashboard/minification/module-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/performance/summary-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/caching/summary-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/caching/cloudflare-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/caching/enable-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/uptime/meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/gzip/summary-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/gzip/code-snippet-meta-box-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/minification/advanced-settings-header.php
/public_html/wp-content/plugins/wp-hummingbird/admin/views/minification/enqueued-files-meta-box-header.php
/public_html/wp-content/themes/enfold/header.php
/public_html/wp-content/themes/twentysixteen/header.php
/public_html/wp-content/themes/__MACOSX/enfold/._header.php
/public_html/wp-content/themes/primer/header.php
/public_html/wp-content/themes/twentyfifteen/header.php
/public_html/wp-content/themes/twentyfifteen/inc/custom-header.php
/public_html/wp-content/themes/twentyseventeen/header.php
/public_html/wp-content/themes/twentyseventeen/inc/custom-header.php
/public_html/wp-includes/theme-compat/header.php
/.opcache/8a0d2f39a84a49ec2f6e6855c699eebe/home/willmfrazier/public_html/wp-blog-header.php.bin
/.opcache/8a0d2f39a84a49ec2f6e6855c699eebe/home/willmfrazier/public_html/wp-content/themes/enfold/header.php.bin
Hello!
I am having the same issue–needing to alter the space in between columns on a couple of my pages. They’re 1/3 columns inside a color section with text blocks inside each.
FYI if it’s helpful in figuring this out, I’m using this CSS to get the color section to span to the edges of the page. (Although I have tried removing this CSS to see if the others will work, and they didn’t)
#fullwidth .container { width: 100% !important; max-width: 100%; padding-left: 10px; padding-right 10px; margin: 0; }I’ve tried the following different CSS blocks from the forum, but none of them has any impact on the space between the columns (this includes me messing with the % values and seeing if it does anything).
.page-id-166 div .av_one_third {
margin-left: 3%;
width: 32.333333%;
}
.home .flex_column.av_one_third {
margin-left: 3%;
width: 32.3333333%;
}div .av_one_third {
margin-left: 6% !important;
width: 29.333333333333332% !important;
}Thanks for your help!
update
I solved it using this css
.av_one_third {
margin-left: 0% !important; margin-right: 0% !important;
width: 100% !important;
}
It’s still lopsided to the left on desktop, though–barely any space on left of 1st column border, vs. maybe 25px to the right of the 3rd column.Let me know what you figure out. I’m gonna keep working on it.
