Hi enhanza,
Sometimes you have to, because you might have added other rules somewhere that would override the styles you see in preview. In this case, the snippet below is addressing a blockquote is canceling the white color we set for the parent of the blockquote.
#top .all_colors blockquote {
color: #2a2a2a;
}
Let us know if you have any more questions.
Best regards,
Victoria
I found a solution for my problem here (always open advanced layout builder). And then added a code snippet to hide the button where you can change between standard editor and alb.
Nevertheless – thanks a lot!
-
This reply was modified 8 years, 11 months ago by
ping-pong.
Hi
I am using single blog post without sidebar and all looks great on desktop. On mobile not.
How can I change text alignment for left only on mobile?
Hi Guys,
I installed the latest Enfold version but now it seems that I can not edit any elements in the AVIA builder.
Before posting this topic I tried:
– Hard reload the page,
– Desactivate all plugins,
– Make sure WP & Enfold were updated with latest version.
I just inspect with chrome and it seems that problem is coming from the “avia modal”.
Thanks for your help!
Theau
Hi,
When I try to scroll in my mobile menu, using safari (iphone or desktop), with a screen smaller then the menu, I can’t scroll through it.
I know there are already two more posts about this subject, but the solutions discussed in those topics ain’t working for me. I did try them out, but it doesn’t change anything. Deactivating my plugins doesn’t help either, in fact, I’m only using akismet, loginizer and all-in-one WP migration. So nothing special.
Hope that you can help me out. See the private part for a link to the site.
Regards,
Erwin
Hi Rikard,
I’ve staretd a new thread here : https://kriesi.at/support/topic/text-dissappeared-in-text-block/#post-762823. will post login details for you there. Thanks
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hey WordPressed,
I’m very sorry about that, I think Jordan made a mistake of accidentally closing the topic. I’ve opened it again and replied to you in the thread.
Best regards,
Rikard
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi,
I’m not sure but maybe it’s the network you are on, did you try resetting your router for instance?
Just to be clear; I don’t see the error message you reported in your first message, and I do see icons on your page. The scroll to top icon is showing on the front page for instance. Is there anything else wrong on your end? If so then please try to explain a bit further.
Best regards,
Rikard
Hey!
Thank you for the info.
Please add this in the Quick CSS field:
#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a .avia-menu-text {
background: red;
padding: 5px 7px;
}
Cheers!
Ismael
Hi!
I tried to login to the site but I got locked out. Please add this in the Quick CSS field:
#top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button {
font-family: 'EB Garamond','Helvetica Neue',Helvetica,Arial,sans-serif;
}
Best regards,
Ismael
Thanks
One more thing
I am looking at my GT metrix results and one example is the following. It says
http://wsmsnyc.org/home/wp-content/uploads/2017/01/support08.jpg is resized in HTML or CSS from 1000×895 to 434×389. Serving a scaled image could save 614.6KiB (81% reduction).
It is basically telling me to make my image dimension smaller. The reason I made them that large in dimension is because on responsive devices especially tablet they stack ontop of each other and 434×389 looks cut off (no good). Did I do the right thing by keeping the dimension at 1000×895 or do you have another suggestion?
Hi!
Hi Ismael, I am sorry, this does not work. The page is now full width cells on ALL computers.
Please review our suggestions above:
If you want to target the retina device specifically, use the following css media queries:
// https://css-tricks.com/snippets/css/retina-display-media-query/
We added this code in the Quick CSS field:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.responsive #top #wrap_all .process-1 .no_margin, .responsive #top #wrap_all .process-2 .no_margin {
width: 100%;
display: block;
margin: 0;
height: auto !important;
overflow: hidden;
padding-left: 8% !important;
padding-right: 8% !important;
}
}
Please remove browser cache before checking the page.
Best regards,
Ismael
Hey!
This is a cache issue of the W P M L extension. I deleted the old “A warm welcome!” translation in the W P M L String Translation panel. Please translate it again.
Related thread:
// https://wpml.org/forums/topic/caching-of-string-translation-plugin-error/
Cheers!
Ismael
Hi!
Thank you for the update. Yes, I’ve read their response and provided a working solution above.
// https://kriesi.at/support/topic/custom-post-type-not-appearing-in-posts-dropdown-in-portfolio-grid-element/#post-762820
Best regards,
Ismael
Hey amyspearsgavin,
To fix your problem, just add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS
@media screen and (max-width: 480px) {
.slideshow_align_caption {
vertical-align: top !important;
}
}
Let me know if it works :)
Best regards,
John Torvik
That’s excellent. Thanks. Works perfect!
I appreciate the level of service that you consistently provide!
This issue is resolved and the topic can be closed.
On the mobile view of the site, the text and 2 buttons appear on top of the face in the image. I’m wondering if there is a way to move these to the top of the screen just for mobile view. Any ideas? I don’t want to change the way it looks on the desktop view.
Lawrence NelsonGuest
Hello,
I have just found that your site has published previous support tickets of mine in respect of Enfold theme(s).
I do not recall granting permission for my correspondence with you to be made public. I would appreciuate it if you would remove this content as soon as possible.
I have enclosed a link to the page in question.
Thank you,
L. Nelson
https://kriesi.at/support/topic/enfold-theme-80/
Hello Ismael,
I got the following information from Toolset developers:
“The case with Enfold is exactly the same. Their init:10 callbacks includes a AviaBuilder::init method, which calls the AviaBuilder::createShortcode method, which instantiates all the aviaShortcodeTemplate subclasses. Each one of those subclasses constructor then calls their aviaShortcodeTemplate::extra_config method, which then calls the popup_elements method of each individual shortcode class.
In the case of the portfolio module (shortcode), that popup_elements method contains a call to AviaHtmlHelper::get_registered_post_type_array which fires a native get_post_types call.
By the time this all happens, we still did not reach the init:10 callback by Types, wpcf_init_custom_types_taxonomies, hence no post type or taxonomy from Types is available.
Again, as we do register our items in the right place, I would strongly suggest contacting the Enfold theme authors and encourage them to initialize anything requiring custom post types or taxonomies to happen way later.”
It seems that the priority of callbacks should be modified so that custom post types created with the correct priority aren’t excluded.
original thread at Toolset forum
I use W3 Total Cache to minify js. Pagespeed insights gives me a terrible score and the main problem it says is that I need to: Eliminate render-blocking JavaScript and CSS in above-the-fold content. However, when I set the minify settings in W3 Total Cache to any type of non-blocking option, the full width slider on my homepage stops working. Help!
Hello,
I am in the process of creating a website using the enfold theme, and just discovered that some pages look terrible when I view them on a mobile device. I’ve used padding quite frequently to create the appearance I want on the laptop, and this padding seems to carry over into the mobile layout, so that there are wide white spaces on the sides of the mobile screen, and only a few words per line. I see a similar problem with “whitespace/separators” which I have used to create spacing that looks nice on the laptop, but this spacing is just wasteful and looks bad on the mobile view. Can you suggest a solution to this problem?
Also, I chose a 16px default font (because my eyes are old and don’t like small print!) but again this font seems to carry over onto the mobile layout, which is not ideal since not enough information can be seen at one time. There is a similar problem in places where I have chosen “header 2” or “header 3” styling for a line of text to draw attention. This looks nice on the laptop, but silly on the mobile because it is much too large. Can you please advise on how to avoid this kind of problem? Thank you.
Dear Kriesi team,
I have two menus on http://waldbestattungen-mittelhessen.de/ the menu at the left should also collaps like the top one at mobile view like this example: http://www.bestattungen-rolf.de
How can I manage it?
Cheers
Simone
Using Enfold in a few projects, all is great but one website: https://www.thesnorkelshop.com/
The fullwidth easy slider on the home page does not complete the load on Chrome. I see this topic a few times in the Forum but without a solution.
Hi, Jordan
I solved the probleme on desktop BUT I still have a streched image in height on the mobile responsive preview , how can I fix that??? thank you
Hello Andy,
i found a solution, to split the 1/4 to 1/2 on ipad.
You had posted this in 2016
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* Add your Mobile Styles here */
#top .flex_cell.av_one_fourth {
width: 50% !important;
display: block !important;
float: left !important;
}
}
This works.
Now i want to make a custom section id for these gridrow which i want to split. where i must place the .ipad on the custom css?
.ipad #top .flex_cell.av_one_fourth {
#top .ipad .flex_cell.av_one_fourth {
#top .flex_cell.av_one_fourth .ipad {
this doesn´t work.
regards dandy
Hey,
The font is already the same however the alignment depends on the height of the logo, I have adjusted it and added this css code:
#top #advanced_menu_toggle {
border-color: transparent;
}
.responsive #top .logo a > img {
max-height: 80px !important;
}
inside of:
@media only screen and (max-width: 767px) {
Let us know if it’s good.
Cheers!
Nikko
Hey,
Try adding this css code:
#top .sidebar .widget .no_margin.av_one_half {
position: static !important;
width: 100%;
}
Hope this helps :)
Regards,
Nikko
Hi,
You’re welcome, try adding these css codes also:
#socket .social_bookmarks {
margin-top: -5px;
}
#socket .sub_menu_socket div {
margin-top: 5px;
}
Hope this helps. :)
Best regards,
Nikko