Hi,
This is a default WordPress featured called “wpautop” which prevents the use of line breaks and paragraph tags. The editor will automatically add spacing or paragraph tags if necessary. If you want to create a space between the paragraphs manually, use the Separator / Whitespace element.
Best regards,
Ismael
Hi,
It is hidden by default. Please add this in the Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top .aviaccordion-title-no-mobile .aviaccordion-preview-title-pos {
display: block;
}
}
Best regards,
Ismael
Hi,
For the vertical border, try this:
.avia_textblock .page:before {
content: '';
display: block;
width: 1px;
background: #000000;
height: calc(100% - 30px);
position: absolute;
left: -50px;
}
I don’t see any separator element with the margin-top0 class attribute. Did you remove it?
Best regards,
Ismaeloo
Hi,
Sorry for the late reply, it was a bit difficult to find the cause but please try this in Quick CSS:
@media only screen and (max-width: 767px) {
.responsive #top .aviaccordion-title-no-mobile .aviaccordion-preview-title-pos {
display: block !important;
}
}
Regards,
Rikard
Hey almondmike,
Thank you for using Enfold.
Please try this in the Quick CSS field:
#top .av_header_transparency .phone-info {
color: blue;
}
#top .phone-info {
color: red;
}
Adjust the values as needed.
Best regards,
Ismael
Hi,
Sorry for the late reply, please try this instead:
#top .av-custom-form-color .button {
border: 1px solid !important;
}
Thanks,
Rikard
May I piggyback on this same topic? I have tried all the above — and more — to get http://www.voicecarrier.com/hospitality/ resolve correctly in responsive settings. Got rid of the columns. Also tried the Custom CSS Class .no-padding and .mobile-hidden for the color section but it also hides the rest of the elements in the section – of which I need as it’s the content title – not just the background image. The text block element requires right-indentation so it doesn’t cover the left portion of background image. Also tried padding instead of indentation and did not work. Text still goes off the screen on mobile devices.
I don’t even care if background image displays on mobile devices, just need the text. Is there a work around with or without the background image?
Thanks for the help!
Hi this solution did not work for me. Trying to remove padding from color section at the top
yes i had the same problem. after removing the widget from the footer column, the map at the top started working again.
thomas
there is a class added to header when shrinking has stopped: header-scrolled
so you might try this:
.header-scrolled .logo {
display: none;
}
if you want that only on ipad it is difficult to realize that. You have to set this rule in a media-querrie : see here Link
Hi Guys,
I want to restyle some of the Woocommerce templates with ‘order-received’ at the top of my todo list.
Used ‘Checkout forms’ to add some more fields but it looks like crap. So i want to style it and move some fields arround.
I’ve allready read on several answers in the forum that a ‘woocommerce’ template folder within the child theme has no effect Why is that? is there another way to manipulate the templates?
So the big question is how to style it!
With kind regards
The Google Maps Widget makes something that stops the other on TOP working
Hi there I have got the same error. I´ve updated to Enfold 3.7 and it works BUT
In my contact page I have the Google Map beneath the top menu and I want to have a permanent Widget in the Footer Column 1.
When I apply the GoogleMaps Widget the map comes with an error. No display NEITHER ON TOP OR BOTTOM
Can you help please?
Hi
Please be gentle with me as I am a new user to the world of WordPress.
I’m trying to make the connection with the 6 menu’s, when you look at them via ‘Appearance > Menus’ and the site it self. My site is still being made but you can have a look at it – http://www.webstersempawrium.uk – if I go to: Appearance > Menus > Pages you have a choice to ‘Select a menu to edit:’ at the top of the page, on that understating I would choose: ‘Main Navigation’ which when selected and displayed does not look like anything on the site when that is displayed. Why?
When I check the first 3 boxes under the ‘Menu Setting’, the menu bar goes from 6 heading to about 10 or 15 heading. Why?
I have moved over from SoftPress ‘Freeway’ to WordPress and I do like the ‘Enfold’ theme a lot, son if you can understand what I’m on about, please help.
Regards
Lee
Hi there,
On my regular site I am running the prior version of Enfold and everything including maps works fine.
On my staging site I updated to the new Enfold version and maps load, then crash and display this message:
”
Oops! Something went wrong.
This page didn’t load Google Maps correctly. See the JavaScript console for technical details.”
Here’s an example page where this happens (scroll to bottom):
http://82a.889.myftpupload.com/78-southern-heights-blvd/
I then followed the instructions, got an API key, and input it in the appropriate field in the theme settings under “google services.”
That did not fix the problem.
Until we figure out what’s happening, I do not want to update my real site (www.thomashenthorne.com) as we really need maps to be working.
Any ideas what’s happening?
Thanks!
Rob
Hi!
Please use the code as following
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background: #50b849;
border: none;
}
Regards,
Yigit
Hello
Thank you. Yes I disabled it! I had to so that visitors to the site don’t get broken pages.
I deleted the layerslider from inside Enfold via FTP. Then I purchased the LayerSlider directly from CodeCanyon and uploaded it with FTP. Therefore it now appears as a plugin, but it still breaks the pages in the same way, and it is still not possible to edit any of the sliders. If you need to, you can enable it in the list of plugins.
Please try to edit a slider in the list to see that you just get a blank screen. Or try to load one of the pages from the live site that has a layer slider in it (from the footer menu: constituent body, regulations, links or privacy) Currently, with the layerslider disabled, they have no image at the top of the page. If you enable it again, you will see the problem.
I have just had a notification that there is a new version of Enfold, and I think this will update on the site automatically, so it might put the Layerslider back into the usual place.
Very many thanks for your help with this
Best regards
Lonsdale
I would ask if I can show a fixed image (vertical) (or better, another custom slideshow) on this homepage when visited by users with mobile devices (eg. iPhone) instead of the slideshow that you normally see on your desktop (under the text 20th anniversary).
Thanks
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background: #50b849;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Hello everyone,
When i was on Enfold version 3.6 i updated my Woocommerce to version 2.6 (which was not fully compatible with Enfold 3.6).
I then noticed a few minor things not working with my webshop, so i decided to downgrade Woocommerce back to version 2.5 again by downloading this version from the Woocommerce website and uploading it in my plugins folder.
After i done this the ‘My account’ ‘Cart’ and ‘Checkout’ pages stopped working. You can’t see the content of these pages.
I’ve installed Enfold version 3.6 now together with the newest version of Woocommerce, but still no luck.
Can someone please take a look?
I’ve added all the info for the moderators below.
Thanks in advance!
Hey Arjan de Wit!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .post-title + .av-intro-text, #top .post-title+#dd_start+.av-intro-text {
margin: 5px 0 35px 0;
}
#top .entry-content .av-intro-text {
text-align: center;
font-size: 14px;
padding: 23px 0;
text-transform: uppercase;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top-style: solid;
border-top-width: 1px;
margin: 35px 0 35px 0;
line-height: 24px;
letter-spacing: 1px;
color: #aaa;
}
Then wrap your intro text in P tag with custom “av-intro-text” class
Please feel free to request such feature here – https://kriesi.at/support/enfold-feature-requests/
Regards,
Yigit
Hi,
Confused by this suggestion I’m afraid: portfolio size is currently set as W 495 H 400 px and this is the image that is being used in the Top Stories section for the Tesco… post, yet it appears as if it’s the following line of ‘<span class=”image-overlay…’ that is setting a W 240 H 185 px boundary to somehow to reduce/resize the image. So how will altering the size of the portfolio image itself change anything?
And that image/post is not the problem, it’s the Test Headline… post to the left where the portrait image being used is W 311 H 400 px (i.e. smaller than the Tesco… image) but the image-overlay is set to W 240 H 295 px which is larger than the Tesco… post with the consequence that a smaller image is displayed as a bigger thumbnail on the page – see here.
The images are being resized on the fly so surely the image-overlay on the Test Headline… post (or whatever controls the resizing) should be set as W 145 H 185 px, not W 240 H 295 px, to create an inverse aspect ratio for this thumbnail in relation to the Tesco… thumbnail but more importantly to have both thumbnails the same height in the Blog Grid?
Hi,
I added following code to Quick CSS
.iconbox_content_container .av-special-heading { margin-top: 0; }
Please review your website now
Best regards,
Yigit
Hi. This is a followup to the question above: When I said ‘remove the permalink’ I meant – to NOT have it visible as another title in the blog post. I understand that it is essential for the site’s ranking but I don’t want it to appear redundantly above the H1 heading and title of the post when the page is published. Currently the permalink is appearing as another title and as it is the same as the H1, it just repeats on the top of the page.
Kindly advise how this can be fixed. Thanks.
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic.
Regards,
Rikard
I have a similar request to this post.
https://kriesi.at/support/topic/team-4-columns-going-single-column-on-smart-phone
However for me. On tablet, the two sections (executive board & advisors) display 5 columns. 5 columns is OK for desktop. However on tablet, I’d like for them to display in a 2-column format.
How can I make this happen?
Hi,
No problem, let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Ok, glad you got it working though. We’ll keep the thread open in case you should have any further problems on the topic.
Best regards,
Rikard
Hey guys.
first of all thank you you guys for offering such a beautiful template. i have setup a new website recently. and i got a issue on my homepage. between header and slider there should be a gridrow shows up. but now the gridrow shows only on mobile size screen that means when the page width less than 767. the gridrow can show up. otherwise it disappear. can you guys give me some clue to fix that problem. cheers