Hi,
I am using the Polylang plugin and would like to add flags next to the social icons I have in the top left bar. Is it possible to ad a widget to do this?
http://reservoir.no/no/startsiden/
Thanks Elise:)
And another two font-related questions came up …
1. on http://wedding.coeval.de/reportagen/ I used Images as links for the private galleries of my clients. I would love to change the font of the image title, which appears on mouse over, to the font which I used for my content (Arapey, italic).
2. I would like to change the font of my menue from bold to regular, or from regular to light (I’m not sure which one is used actually).
The font in the dropdown menue is already thinner, and I would like to use this thin/light version as well for the topics like “portfolio”, “info”, … :)
Thank you Vinay
but i think you misunderstand me
i only need to change 2 borders
please see attached image
View post on imgur.com
Your code change all the “td” top border
is there any way to target it like maybe using nth child / item or something similar ?
thank you
Hey swelzel,
Thank you for using Enfold.
1.) Yes, this is possible. Please add this in the functions.php file:
add_filter('avf_logo_subtext', 'avf_logo_subtext_mod');
function avf_logo_subtext_mod($sub) {
$sub .= "YOUR TEXT HERE";
return $sub;
}
And style it with this css code:
.logo .subtext {
position: absolute;
top: 30px;
}
2.) Could you please provide a screenshot? You can try the phone info field.
Best regards,
Ismael
Hi,
When I change it this way, the logo is bigger indeed, but does not scale down when scrolling down.
Also it sticks to the top of the header, but it should be put in the middle.
And on small screens the logo stays as high and is pinched together. It should rescale a bit.
What do I have to change?
Thanks in advance,
Sara
Hi,
The video on tablet device does not work fine and load the fallback image (as you can see from the screenshot image attached in the previous email).
What is the actual screen resolution of the samsung device? You might need to adjust the value of the view port in the css media queries.
@media only screen and (max-width: 1024px) {
.hide-mobile { display: none; }}
@media only screen and (min-width: 1025px) {
.hide-desktop { display: none; }}
Best regards,
Ismaelo
Hi Jordan,
Yep, running the latest version (3.8). Since we need to have the logo displayed in the middle, I couldn’t use the header settings position( menu left and logo rightleft). For that reason I used this in the Child CSS:
/*Always hamburger menu*/
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }
/*Hamburger menu left alignment*/
a#advanced_menu_toggle {
left: 10px;
}
#advanced_menu_toggle
{border:none!important; font-size: 60px!important; color:#de0a1c!important;}
.avia_desktop #advanced_menu_toggle:hover
{
background: none!important;
border:none!important;
}
#advanced_menu_toggle:after {
content: "MENU";
font-size: 24px !important;
left: 56px;
position: absolute;
top: 0px;
color:#7b7b7b!important;
}
and added this to the child’s functions.php:
add_filter('avf_default_icons','avia_replace_standard_icon', 10, 1);
function avia_replace_standard_icon($icons)
{
$icons['mobile_menu'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue811');
return $icons;
}
Thanks for you help!
Hi,
To target individual elements please enable custom css class name as mentioned in this link kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
And use the css provided earlier in combination with the class name that you add to the table.
Example
.main_color .custom-table-class td {
border-top: 6px solid #e1e1e1!important;
}
Best regards,
Vinay
Hi Jordan,
I don’t know how to create a mockup but it’s easy to explain what I want to achieve.
On this site http://syngenera.com/ there are 4 horizontal rows
Top row is the Logo section
2nd row is the menu
3rd row is the main content
4th row is the socket
I’d like to place an image behind the logo which will fill the entire background of the Top row
When I try putting in a background image for the Logo Area via the Enfold settings it places the image in both the Logo area and the Menu area.
I only want it in the Logo area.
I hope that is clear.
Thanks
Hi,
Try to add the below code again
#top .template-blog .post_delimiter {
margin: 0 0 25px 0!important;
padding: 25px 0 0 0!important;
}
If you still have an issue Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
Vinay
Oh one last question…how do I add links to the text below the titles? (this is the text in the portfolio item excerpt box)
I want to add a ‘More>>’ link which links it to the portfolio item page. This is because in mobile it’s not obvious that the image and title are clickable links (whereas on desktop the scroll over alerts users to that).
Many thanks
Jenny
Hi,
As i understand you like the image to look normal when user hover over the gallery thumbnails correct?
I have added the link in private where I noticed images similar to your description.
#top .avia-gallery .avia-gallery-thumb a:hover {
opacity: 1!important;
}
If you still have any issue please share a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay
Hi,
I read this topic but I want to ask just in case, is there a compatible solution that I can use to lazy load gallery images? My client likes to use the Enfold’s galleries with the thumbnails on the bottom that show the image when you mouse over, I’d like for all these images to lazy load with the lowest priority. Preferably the page would show as being loaded before the galleries would start lazy loading, is it possible to do this without breaking other things in the site, especially things like Layerslider WP, Revolution slider or Royalslider? Thanks
I used the instructions here https://kriesi.at/support/topic/date-picker-format/ to alter the date format on my website’s contact form to display American style (mm/dd/yy rather than dd/mm/yy), but the code seems to have disappeared when I updated to the latest version of the Enfold theme. Now I’m not seeing the functions.php file. Can someone please clarify up-to-date instructions for changing the date format? Thanks!
Hi
I am trying to figure out how to have the side bar and title to not repaint the entire screen when selecting a menu item from the side bar. I want the target page of the selected menu option to only display in the interior of the page.
This site, http://sulali.com/, which is one of your featured Enfold sites seems to accomplish this although it does not have a top title header area.
Thanks,
Nathan
Hi,
If you look at my site http://nathanandriley.com/public_html/index.php/cincycostsavers/, you will see a narrow light blue border which is what I have set for the body background. I have maximum container width set to 980px and fixed frame. I need the light blue border to fill out the white space on the left and right hand side of the main content area leaving the 980px with the white background (I want to end up with wide light blue margins on the left and right). I want the top and bottom light blue borders to remain the same however I would like to know how to change that in case I need to in the future.
Can you please advise?
-
This topic was modified 9 years, 7 months ago by
norcalnathan.
Hi, there. One of our client’s websites is not loading on mobile devices:
thelightdigital.com
I’e tried disabling all plugins and refreshing, same results. Please help! Thanks! WP login below.
–Jason
Hi,
Please add following code to Quick CSS as well
#top .av-subnav-menu li a:hover .avia-menu-text {
color: orange;
}
Best regards,
Yigit
I’ve got it :)
Solution: #scroll-top-link { border-radius: 0px; }
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-submenu-container * {
background: transparent;
color: white;
}
#top .av-submenu-container {
background: green;
}
Best regards,
Yigit
Hello,
Can you provide me with the code you used to fix this issue on Mobile devices? We are having the same problem on our masonry gallery. We want to disable captions on mobile views ONLY not desktop. The problem is that the captions cover the picture on mobile view.
Please advise.
Thank-You,
Chris
Hi,
how can I add round borders to the scroll to top button? It is an a-Tag, so I think it is not possible simply to add border-radius: 25px; to the class/id of the a-Tag. Do you have an other idea?
Thanks,
Marcel
-
This topic was modified 9 years, 7 months ago by
Mathuseo.
Hi,
There is an option to add custom top and bottom margin to columns. This works great on desktop, but not on mobile devices.
How can I remove this margin on mobile devices?
Thank you regards
Hello, thanks for your response. I responded about the hosting issue in the private section.
For the sort option, I can’t display all entries at once because there are hundreds of them, it would take the page too long to load.
I switched it to random, and that almost works. But the first time I tried it, it showed all of the filters except for one year. I guess since I’m setting it to show 28 listings, it randomly selected a dog from each year except 2009 and 2006. I know that if I refresh the page, different years will show up. But is there no way to force it to at least show 1 from every year, so I can ensure that all years show up at the top? Thanks!
Hi,
it does not target the middle row
how to target the middle row only
here are my current quick css
.slide-meta {
display:none;
}
td {
vertical-align: top;
}
.main_color td {
border: 3px solid #e1e1e1 !important;
}
.image-overlay .image-overlay-inside {
display:none !important;
}
.main_color tr:nth-child(even) {
background-color: #cccccc;
}
thank you
Hi guys,
So the problem is: I insert tab and in first tab (amenities) i insert two short codes for 1/2 column. Problem is that the content of the second column is slightly lower then the first one. Like it is lowered for one item.
what should i do to make it even at top?
you will understand better what i am talking about if you visit http://www.yugodom.com/accommodation (section amenities)
Hey chasteandswank,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
display: block !important;
}
.av-main-nav > li { display: none; }
li#menu-item-search {
display: block!important;
margin-top: -90px;
right: 70px;
}
.responsive .main_menu {
float: right;
}}
Best regards,
Vinay
Hey Paul,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-subnav-menu li a {
font-size: 14px;
}
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.main_color td {
border-top: 6px solid #e1e1e1!important;
}
Best regards,
Vinay
Hi!
I edited your slider and gave it a custom CSS class and then added following code to functions.php file in Appearance > Editor
function avia_custom_blurry(){
?>
<script>
jQuery(window).on('scroll', function () {
var pixs = jQuery(document).scrollTop()
pixs = pixs / 100;
jQuery(".blurry-slider li").css({"-webkit-filter": "blur("+pixs+"px)","filter": "blur("+pixs+"px)" })
});
</script>
<?php
}
add_action('wp_footer', 'avia_custom_blurry');
Please review your homepage now :)
Cheers!
Yigit