sorry for the late response. But I wasn’t really sure how the enfold theme is working. I have created a new topic with a little more details (Change category side). So you can close this topic
Hey Joe,
1. To change the hover background color of mail icon 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 .social_bookmarks_mail a:hover,
#top #wrap_all .social_bookmarks_mail li:hover {
background: #66b32d!important;
}
2. It’s not clear as I do not see page title on your site but I’m assuming you need the active menu background color to be highlighted?
If so please use the below css.
.current_page_item {
background: gold;
}
3. To increase phone number font size
#header_meta .phone-info {
font-size: 20px;
}
4. To create your own overlay effects add your custom css properties to the below css class name.
.avia_transform a:hover .image-overlay {
border-radius: 100px;
}
Request you to please create new tickets for different issue so we can keep the focus on the main topic and help us respond faster to your questions :)
Best regards,
Vinay
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
On desktop
It does work better than before, it is almost OK, however is there a way to have the same space between the content and the separation of the side bar (see picture attached to know what I am talking about).
On my mobile (with no sidebar then)
It does work only on the right side of the screen, the left side has the original padding ?!?!?
Thank you,
Hi there links in private area.
I’m just in the development phase of a website redesign and looking at what is possible. A large percentage of our customers view our website on their mobile devices so just trying to look at ways to improve the viewing for them – but still wanting a nice desktop site as well :-)
Hi,
I see. I thought you want to add it in the masonry items. Please use this instead:
.mfp-gallery .mfp-image-holder .mfp-figure figure:before, .mfp-gallery .mfp-image-holder .mfp-figure figure:after {
z-index: -1;
position: absolute;
content: "";
bottom: 10px;
left: 5px;
width: 50%;
top: 90%;
max-width: 300px;
background: #777;
box-shadow: 0 15px 10px #777;
transform: rotate(-3deg);
}
.mfp-gallery .mfp-image-holder .mfp-figure figure:after {
transform: rotate(3deg);
right: 5px;
left: auto;
}
.mfp-bg {
background: #ffffff;
}
Best regards,
Ismael
Hey kilimats,
Thank you for using Enfold.
Please try the code provided in the previous thread. https://kriesi.at/support/topic/display-the-post-category-above-the-title-in-masonry-view/#post-660217
Best regards,
Ismael
Hi laptophobo,
I guess it would be possible but I think it will take a lot of work unfortunately, could you post a screenshot highlighting what you had in mind please?
Thanks,
Rikard
-
This reply was modified 9 years, 6 months ago by
Rikard.
when I mouse over on desktop version the dropdown menu options dont show, i can click to select them put the options arent visible.
Hmmm – that did not have the desired effect. That brings the text in the content area further out to the sides. What I need, as per the image here (http://staging.aspeninsuranceagency.com/wp-content/uploads/2016/08/Screenshot-Aspen-Insurance-Dev-Site.png), is to remove, or make transparent, the areas in the red boxes on the sides of the content area, so that the content area basically stops on the sides where the menu and header image at the top to. OR – alternatively, how would I stretch the header image and logo so they go to the edges of the content area and match the width of the menu?
Thanks!
Thanks a lot!
Problems solved, topic closed.
I had sidebars in this post, they are not showing as they were before.
Since it was very baddly organized the content after the sidebars desactivated i went to the topic and put no sidebars in the post but it is still showing a black sidebar.
Hi,
Please use this to reduce padding of the container.
.container {
padding: 0px 10px;
}
.content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;
}
Best regards,
Ismael
I previously opened the thread here and temporarily resolved the issue. Now TinyMCE is not functioning correctly. The JS console errors screenshot in private content.
The following solutions did not work – #1, #2
Hi,
Im having a lot of trouble organising my mega menus to look correct – they’re either too big or too small and misaglined – from looking at other posts I have included this into my css
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding-top: 0; }
.avia_mega_div .avia-bullet { margin-top: 0px; }
#top #header .avia_mega_div > .sub-menu { padding: 5px 10px 5px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { font-size: 14px; }
I would like to make the sub menu fonts approx. 14 pt with the arrows aligned and on the left margin- but just cant seem to make it work with playing around with the font sizes and padding with the code above.
Would be great to get some advice please!
Thanks
Hi,
Thank you for the test page. Did you apply the custom css class attribute to the text block? It doesn’t have the custom css class attribute there. For the button, use this:
#top .test-pg-title a .avia_iconbox_title {
font-family: 'Dinar' !important;
}
Best regards,
Ismael
Hi,
I’m sorry for the late response. Please try this in the Quick CSS field:
.single-portfolio #main {
padding-top: 120px;
}
Best regards,
Ismael
the thing is that this is not the correct url.
Try this :
<iframe src="http://www.novafriburgoacidadequequeremos.com.usrfiles.com/html/cee4aa_e5e645abd11a757393a6c5b9893d821b.html" width="100%" height="100%" scrolling="no"></iframe>
you can than use a little css trick to get a good height for you iframe.
(i did the ifram in a 1/1 – text container) the 1/1 i gave a custom class: embed_iframe
.embed_iframe .avia_textblock p {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
width: 100%;
height: auto
}
.embed_iframe iframe {
height: 100%;
left: 0;
position: absolute !important;
top: 0;
width: 100%;
}
see here: Link
-
This reply was modified 9 years, 6 months ago by
Guenni007.
Hi,
Change:
#top #header .av-main-nav > li:hover > a:hover{
color: #790304;
}
To:
#top #header .av-main-nav > li:hover > a:hover,
#top #header .av-main-nav > li > a.open-mega-a {
color: #790304;
}
Best regards,
Josue
Check the website now, How should I tweak the CSS to make the logo go up over the header also? OR bring the menu down away from the text at the top?
Thank you for your help. I am close to getting this where I want it to be, but have a few lingering issues regarding responsiveness.
1. Currently the slider settings are set for Width: 65%, and Height: 660px, and it fits well into the page at desktop size. I’ve tried also using percentages, and turning responsive on and off, but haven’t found the magic settings that will make this look right on iPad (portrait). Because the height is 660px, it cuts off one of the images that I am trying to move down to fill the space nicely. If I look at the inspector there are several sections where the height is hardcoded in there to 491px and I can’t figure out how to override this (see screens sent privately)
2. The second issue is that we have an embedded video, which doesn’t play in devices, so I have an image fallback for that. My issue is that the slide still pauses for the length of the video. I am guessing that this is because the slideshow pauses for the video, but if the video isn’t actually playing, can we skip over. Does that make sense?
Thanks for your help. Janet
Hi there,
I’m having the same issue as robert on the following thread:
https://kriesi.at/support/topic/no-logo-2/?
I’d like to delete the logo. When I add “.logo { display: none !important; }”. It deletes the logo but it creates an empty space at the top of the page.
The following code however does not delete the empty space, but moves it down (between menu and main image):
“#header_main > .container {
display: none;
}”
Could someone please help me out on this? :-)
Thanks!
I followed this: https://kriesi.at/support/topic/logo-links-in-footer/
Unfortunately, I can’t seem to size my images correctly. I need three logos in one of my footer columns. Two are square and 1 is rectangle. The rectangle almost always cuts off. No idea why. I’ve uploaded all square images 80×80 pixels. Thoughts?
Secondly, using the Partner/Logo element applies a background to the images. I have a dark footer so I would prefer the images have no background. They were uploaded as pngs with no background so they should render fine. It has something to do with this Enfold element. It’s applying a tint to the background.
I want to shift my menue & logo down by 1700px in homepage inly but i cant fix this issue
this is the code
.page-id-734 .header-scrolled .main_menu .menu{
top: 7px !important;
}
.page-id-734 #top .main_menu .menu{
position: relative;
top: 1700px;
}
.page-id-734 #top .main_menu .menu > li > a{
height: 50px !important;
line-height: 50px !important;
}
.page-id-734 .main_menu { margin-top: -30px; }
.page-id-734 .header-scrolled .main_menu { margin-top: 0; }
.page-id-734 .logo img { margin-top: 1000px; }
.page-id-734 .header-scrolled .logo img { margin-top: 0; }
.scroll-down-link {
font-size: 150px !important;
Hi,
Please add following code to Quick CSS
.av-magazine-top-heading:hover {
color: red!important;
}
Best regards,
Yigit
Hey!
Please add following code to Quick CSS as well
.av-magazine-top-heading:hover {
color: red!important;
}
Cheers!
Yigit
Alright guys!
Thanks for your effort to help me, but this issue remains a mystery to me. Non of my several other enfold pages ever came up with such an effect. I am 100% sure it is not a local firefox cache problem. Whenever I see the icons are gone, I can call a friend somewhere else in the world and he has the same issue simultaneously. After a while the icons come back on their own as it seems, because I stopped going to the login page to reset them. I might have to reinstall the whole website it reckon. It frustrates me immensely because it comes and goes and I could not figure out what causes it, but I can learn to let go.
Best regards
Christian
Also, I’d like the meta to be the same on http://blog.makeitfuncrafts.com/ – the top one has the title and category above, which is great, but once I go to a grid it switches it. Where would I go to edit it so it’s always the same.
https://kriesi.at/support/topic/move-featured-image-below-post-title-date-etc/
I tried updating my blog with this content and it didn’t work:
Is there a different line of code for the grid of posts?
This is great. Thanks for providing this. Although it does change the naming in the Dashboard sidebar, it’s not changing the name site-wise. The individual other areas where the names “Portfolio Entry” remains the same (top black bar navigation drop down: “add”, and the single post/entry.
Can this be done?