Hello Guys,
I want to change a tagcloud font-size in my child theme. Now I manually change this in the layout.css after an upadate.
Greets Tim
This is the code:
/*tagcloud*/
#top .tagcloud a{
margin: 5px 5px;
border-radius: 3px;
text-decoration: none;
padding: 10px 10px;
}
The top element on my front page displays incorrectly on mobile, or mobile simulation.
The image is very narrow, and the title does not display
A very similar element on other pages (e.g Locations) displays properly.
I tried looking through all properties of the cell, image and title, but found no difference between the two.
Could you please assist?
thanks
Oren
Thank you Yigit.
Just before receiving your reply, I found this workaround on WPML forums:
https://wpml.org/forums/topic/after-upgrading-wpml-my-header-crashes-the-error-is-warning-illegal-string-o/
It seems to have worked. If not, I will use your suggestion.
Thanks again
Oren
:
Hi,
Sorry for the late response. The topic title doesn’t match the issue you are referring and I checked the previous threads since I remembered the screenshots which is supposed to be fixed, anyways, I applied the code I gave in this thread: https://kriesi.at/support/topic/mobile-menu-and-image-slider/#post-712916 that should fix the problem, let us know if you still have some issues with it.
Best regards,
Nikko
Dear Kriesi
We have defined the color background of forms according to another support ticket as follows in quick css:
#top .main_color input[type='text'] { background-color: #deffff; border: solid 1px #ccc; }
#top .main_color input[type='select'] { background-color: #deffff; border: solid 1px #ccc; }
#top .main_color input[type='options'] { background-color: #deffff; border: solid 1px #ccc; }
#top .main_color textarea { background-color: #deffff; border: solid 1px #ccc; }
.avia_ajax_form input[type='submit'].button {
background-color: #00bdbd;
width: 100%;
}
But it seems not all form fields are reacting to the code. I tried to find out all field type names but didn’t succeed… Is there a way to enter just one code for all fields? They should just all be the same: { background-color: #deffff; border: solid 1px #ccc; }
http://prntscr.com/dika3p
http://prnt.sc/dik29q
Thanks
Raphael
Hello,
I’ve tried a couple things which have changed the tool tip how I want it, but then the pencil comes back instead of my custom icon. Right now the last social icon in my top bar is displaying Detroithockeyassociation instead of Detroit Hockey Association. I’m using the custom function for adding a png.
Thank you!
Chris
Hey!
We have replied you here – https://kriesi.at/support/topic/advanced-layout-builder-not-working-4/. Let us continue there :)
Regards,
Yigit
Hi, in a few other support threads I read the staff mentioning the lastest version of Layerslider being included in the upcoming new version of Enfold.
Now that Enfold 3.8.2 has been released (thank you very much for that!), Layerslider is still on version 5.6.8, isn’t it? I think the latest version of the Layserslider is 6.1.0, or at least 6.0.6. Is it me missing something or didn’t the Layerslider update make its way into the latest Enfold?
No showstopper of course, I am just waiting for a new functions of the latest Layslider :-)
Thanks and cheers!
Hi. I started a new thread but no answers so far.
How do I create a temporary admin login? You mean I need to delete it by hand after it?
Or is there a plugin for that?
I just did the 4.7 update for WordPress and the Enfold update to 3.8.2. Turned off all plugins and it worked. When W3TotalCache is activated it breaks the Layer Slider. Narrowed it down as the culprit by referring to this post. https://wordpress.org/support/topic/http-error-500-by-updating-to-wordpress-4-7/. Once W3T is deactivated it works again.
Reverting back until an update is made by W3TotalCache.
Just sharing my findings, I do not need followup for this.
Hi,
I loaded several demo imports, but they have all seemed to mix together. So, I am modeling my page after this one (http://kriesi.at/themes/enfold-health-coach/about/) with the green colored line right under the menu.
1, I am working on this page: http://c83.b63.myftpupload.com/contact-us/. I can see the grid row for it in the ALB, but it isn’t showing up on the desktop (I do see it on mobile). Can you please advise?
2. Also, I’d like the page people are on to have the circle around it as in the header menu on the above about page. Can you please tell me how to accomplish this?
I’m not sure I understand why all of the demo imports mixed together like that.
Thank you for all your help!
Justine
-
This topic was modified 9 years, 3 months ago by
jnightingale.
HI Yigit, the changelog hasn’t been updated with 3.8.2 details yet. I assume that is later today? It would be great if when you guys update you start a new thread titled with the update (“Enfold 3..8.2”) and sticky it at the top of the support forum so we can quickly see what’s changed. I know you are experimenting with various ways of maintaining the changelog…. thanks again.
Thanks!!!! :)
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.page-id-51 .flex_column_table.av-equal-height-column-flextable {
margin-top: 1px!important;
margin-bottom: 1px!important;
}
Best regards,
Yigit
Hi Rikard,
Thanks for your quick response. It works!
I will point out for future reference the following from another post:
Turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give elements you would like to hide on mobile a custom CSS class (i.e.: only-desktop )
That’s why it didn’t work before.
Thanks!
Hi Andy,
So I’ve removed the links from the parent menu items. It works (of course).
However, like in my first example, if the parent menu item is a page, it forces us to change it to a custom link with no target and link to the page as a dropdown item.
Some Enfold models such as “construction” are made this way and the drop down does not work with all tablets.
I think you can close the topic, the solution for now being that parent item of a dropdown menu should be a link with no target rather than a page or link if one want it to work on all devices.
Best regards,
— Jerome.
Hi,
Is it possible to achive parallax scroll effects like in Avada theme below (top of the page):
I would like to put some text in the back (with or without photo) and covered it with the rest of the page.
Cheers,
Tom
Hey!
– Please add both Fullscreen Slider element and Video element to your page
– Enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
– Edit your element that you would like to display only on desktop and give it a custom class “only-desktop”
– Edit your element that you would like to display only on mobile and give it a custom class “only-mobile”
– Add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 990px) {
.only-desktop { display: none !important; }}
@media only screen and (min-width: 990px) {
.only-mobile { display: none !important; }}
Best regards,
Yigit
How can we insert Video Element only for mobile?
And in the same time we need to remain Fullscreen slider with video for desktop version.
Hey werbepixel,
für deine social icons auf mobile nutze diesen coden im Quick CSS Feld:
@media only screen and (max-width: 767px) {
.social_bookmarks_facebook a, .social_bookmarks_mail a {
color: black !important;
}
#top .av_header_transparency .phone-info {
color: black;
}}
und passe die Farbe so an wie du es brauchst.
Gruß,
Andy
Hey!
It seems like you have figured it out already!
For future readers, please edit your page and click on “Screen options” on the top right corner and check “Discussion” and then scroll below your content and make sure that you have enabled discussion on your page :)
Best regards,
Yigit
Hi!
You can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and choose to hide/display certain elements on mobile and desktop. You could remove your slider on mobile and display your video using Video Element
Best regards,
Yigit
Hey MadRhino,
Can you please post the content of your style.css file from child theme here using – http://pastebin.com/? There might be an error in your custom CSS that is stopping your code from working.
Best regards,
Yigit
Hi,
Sorry for the late reply and thank you for your kind words :)
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .fullsize .template-blog .post .entry-content-wrapper > *,#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 600px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hi,
Regarding WPML issue, please add following code to functions.php file in Appearance > Editor
/**
* This fixes the issue with truncated links in Enfold theme with WPML 3.6.0
* WARNING: ILLEGAL STRING OFFSET 'LANGUAGE_CODE' IN …\WP-CONTENT\THEMES\ENFOLD\CONFIG-WPML\CONFIG.PHP ON LINE (number of line)
*/
add_action( 'init', 'wpmlcore_3776_temporary_fix' );
function WPMLcore_3776_temporary_fix() {
remove_filter( 'WPML_filter_link','avia_change_wpml_home_link', 10 );
}
Enfold is using modified version of Magnific Popup plugin. If you would like, you can disable it in Enfold theme options and use any other lightbox plugin as a standalone plugin.
@jorgegurbindo we have replied you here – https://kriesi.at/support/topic/lightbox-gallery-opens-image-out-of-the-window/. Let us continue there
Best regards,
Yigit
Ok, I understand.
Can you flag this topic as closed please?
Thanks & have a nice day,
Monique
Is it possible to have a resizable header on tablets as well as desktop ?
alternatively, set a reduced height.
You can see my site: (below)
thank you
Sabina