Hi!
I have removed the xcreenshot.
Please do not that when you post multiple times, on the top of an image, it drives it last to the que.
Please do try to avoid that.
THanks a lot
Regards,
Basilis
I am working on a site where the default language is danish.
The top of the pages is:
<!DOCTYPE html>
<html lang=”da-DK” prefix …..
On two pages (German and English) I want to change
<html lang=”da-DK”
to
<html lang=”en-US”
and
<html lang=”de”
Is it possible in the enfold theme ?
Thanks for your reply
just made few css adjustnemt on child css and managet to display the thumbnails at the side of the big pic.
this is even better than the top.
also fixed the croping of thumbnales like it was sujestet in other topic.
all good.
Hi,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Regards,
Rikard
Hey norcalnathan,
To reduce the gap or specify your own on advanced layout elements. Please enable the custom css class name for the advanced layout elements and add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
.custom-class-name {
margin-top:30px!important;
margin-bottom:30px!important;
}
Best regards,
Vinay
-
This reply was modified 9 years, 8 months ago by
Vinay.
Hi,
If you look at the home page, you’ll see a text box at the top with “Nicholas Sansbury Smith” and social icons below. There is a lot of space above and below “Nicholas Sansbury Smith” and below the social icons.
I need to be able to specify the spacing above and below “Nicholas Sansbury Smith” and below the social icons and the text box below it.
Your help is appreciated!
Thanks!
Nathan
-
This topic was modified 9 years, 8 months ago by
Yigit.
Hey ShortieD,
Thank you for using Enfold.
Please refrain from creating duplicate threads. Thank you. https://kriesi.at/support/topic/class-styles-not-working/
Best regards,
Ismael
Hey ShortieD,
Thank you for using Enfold.
Remove the image background from the color section then add this in the QuicK CSS field:
.sd-blue:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
background-image: url(https://rfl.shortiedesigns.com/wp-content/uploads/2016/06/blue_bg_top.png);
background-position: top right;
background-repeat: no-repeat;
}
Best regards,
Ismael
Hi,
Thanks for the info!
Please also add the following code:
.sub-menu.avia_mega_hr {
padding-top: 0px !important;
}
Also the text is no longer bold. Please try clearing your browser’s cache and refreshing the page.
Best regards,
Jordan
Hey!
That is a bit of a strange issue.
Can you please provide us backend access so we can give it a look.
Please be also patience and do not double post on a topic, as it gets back and last to the line, until we check it.
Regards,
Basilis
thanks
what about the summary font size (“This title is a direct quote from a conversation with Erasmus…”)
any any update on this ticket which is directly related to this section
Hey!
Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161 for the workaround. We will release an update soon :)
Best regards,
Yigit
I added a screenshot showing what I am asking. We use the categories as menu items… so we have the category info in a post that is always at the top of the results. Is there a way with the archive (category results) listings to have the top post under the glossy menu like a page or post can be?
Hey znong51,
Thanks for getting in touch with us!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header .mega_menu_title a {
font-size: 15px;
font-weight: initial;
}
#top #header .avia_mega_div > .sub-menu {
padding-top: 0px;
padding-bottom: 0px;
}
Best regards,
Jordan
Hi Ismael,
Yes, the site is 100% Enfold. I have now regenerated thumbnails (plugin: Regenerate Thumbnails) and it is still the same issue. Something else is surely wrong and speaking with Woocommerce people they advise to go to theme builders. I know categories can work for the same size as we see them in the demo here: http://kriesi.at/themes/enfold/shop/
Also, it seems off that I am having similar issues with the related thumbnails being too big and displaying incorrectly with a huge coloured background as in the same ticket here: #651631
Thanks
Vincent
thanks for reply
same problem it looks fine on desktop but not on ipad and mobile phone, they both still have that space under the video. I need to remove that space it should sit flush with the gray footer / bar below it, with no gap. The 2nd picture in the following screen shot shows the exact issue
https://postimg.org/image/nbqa4n7i9/
if you dont load it on ipad you wont notice
-
This reply was modified 9 years, 8 months ago by
Ivygrace808.
Hi,
Please disable the search icon in the Enfold > Header > Extra Elements panel then follow the solution here: https://kriesi.at/support/topic/swap-magnifier-for-text-search/#post-616206
Best regards,
Ismael
Back for more help with big yet seemly easy to fix issue :)
I had my new site about 95% done and a big issue has appeared. The problem is there is a 10 or 15 pixel white space below a video embed that I can not figure out how to remove. This problem only seems to effect ipads and mobile phones, because everything looks great on desktop but not on ipads or mobile phones (in landscape / portrait view as well both have the problem)
I’ve tried all the obvious stuff but I’m stumped……?
I followed some enfold threads and added a Custom Css Class to my text block (that has the video embedded in it) and tried to zero out the padding but that is not working.
Details of what I did: With the .videofix custom class added to the text block in question, I then applied the following css style to it.
}
.videofix {
padding-top: 0px!important;
padding-bottom: 0px!important;
}}
But again that is not working…………….. ?????????????????
I also tried media queries too, but can’t figure why this white space is being so stubborn? I’m not the best with media queries, which I assume is the problem though it could be something else?
Please help me remove this white space I’m stuck :(
I have attached a pic that shows the problem https://postimg.org/image/nbqa4n7i9/
and my private details and site URL info as well.
Any help would be much appreciated…
Thanks
Ivy
-
This topic was modified 9 years, 8 months ago by
Ivygrace808.
Hi,
Great, glad you got it working. Please let us know if you should need any more help on the topic.
Best regards,
Rikard
Hi,
Ok, thanks for letting us know. Please start a new topic if you should have any other problems.
Best regards,
Rikard
Hi,
Please remove this code from the Quick CSS field:
@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }
}
Use this instead:
@media only screen and (max-width: 1024px) {
#top #header .av-main-nav > li > a {
font-size: 16px;
padding: 0 10px;
}
}
Best regards,
Ismael
Hi,
We are very sorry for the delay. Add more padding to the left of the input or captcha field.
#top .avia_ajax_form .captcha {
padding-left: 85px;
}
Best regards,
Ismael
Hi TomaszCwil,
I haven’t tried any of the suggestions in this thread myself but you might find it useful: https://wordpress.org/support/topic/get-the-sidebars-sticky
Best regards,
Rikard
On a tag listing page – http://1c5.964.myftpupload.com/tag/projectpeace/
How do I remove the text “POST” that sits at the very top of the first post?
Also, is it possible to change the layout of this page to a more grid layout like http://1c5.964.myftpupload.com/blog/blog-grid/
Hi
My site has uses color section that has a section background image but the image is not responsive when viewing on mobile. The background image is cut off.
The following settings are:
Section Layout: At least 75% of Browser Window Height
Section Padding: Default Padding
Section Top Border Styling: Display simple top border
Section Bottom Border Styling: No border styling
Section Background
Background Attachment: Parallax
Background Image Position: Center Center
Background Repeat: Stretch to fit (stretches image to cover the element)
Hi, I did try it but as I said making that change still maintains the section height of the desktop version which becomes way too large on a mobile view and parts of the image get cut off when the page is made smaller.
Without that change the entire background image always shows and when you reduce the size of the page, the image size reduces proportionately (which I like). But when it switches to mobile view I want to eliminate the white space all together. In the desktop view I have the minimum height set to 700px so that enough of the image shows. But when it switches to mobile view 700px is way too large for the screen.
If possible I would like the height of the section to change proportionately, in the same way that the image does (aka gets smaller as the page does) so that the whole image is still displayed on the mobile view but have the empty space that is left to fill the 700px minimum height go away.
Does that make sense?
Hey mcmoya!
It looks nice, add the following custom CSS and let us know if it works better for you
#top .avia-button.avia-color-light {
margin: 20px;
}
Please do let us know if it works out for you
Best regards,
Basilis