Hi Rikard,
I’m trying to do the same thing on another site but can’t get the second logo on the right to appear.
I’ve used the following code in functions.php
function add_secondary_logo(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘.av-logo-container .inner-container’).append(‘<strong class=”second-logo logo bg-logo”>‘);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_secondary_logo’);
//set builder mode to debug
add_action(‘avia_builder_mode’, “builder_set_debug”);
function builder_set_debug()
{
return “debug”;
}
I’ve used this code in Custom CSS:
strong.second-logo.logo.bg-logo {
left: auto;
right: 0;
}
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
span.avia-menu-text {
text-transform: uppercase;
}
Hi Guys,
thank you for all your help!
In the end I modified your short codes, the result is this:
.grid-entry .inner-entry { box-shadow: none;
}
.grid-content, .grid-content * {
background: transparent!important;
}
.grid-entry .inner-entry { background: transparent !important;
}
.grid-content {
height: 130px;
margin-bottom: 50px;
}
@media only screen and (max-width: 815px) {
.responsive #top #wrap_all .grid-sort-container .grid-entry {
width: 100%;
}
}
Now it works how I imagined, so thank you again! :D
Have a nice weekend!
Robi
I am trying to use a large logo which is 860 pixels wide and 250 pixels high.
I’ve look through all the posts on resizing the logo and tried this css code
.logo img {
height: 250px;
width: 100%;
}
But Enfold still shrinks my logo.
When I inspect the element it says the logo is 556 x 200 (natural 578 x 200)
Thanks
Hi Martin,
Try to add this code in Quick CSS (located in Enfold > General Settings):
.page-id-61146 #av_section_1 .av_one_fourth {
position: relative;
top: 120px;
}
Hope this helps :)
Best regards,
Nikko
Hi,
Before giving the code I have checked the breadcrumbs, I tested it several times and noticed that when I clicked Braces the breadcrumbs is Home / Portfolio / Braces but when I clicked on Pendant then open Braces, the breadcrumb becomes Home / Pendants / Braces this is on desktop, tablet or mobile.
I have tried to change the code I gave unfortunately I accidentally forgot to add ) which causes error. Can you replace the code in functions.php (you can change this via ftp or cpanel) to:
add_filter('avia_breadcrumbs_trail', 'avia_change_breadcrumb', 20, 1);
function avia_change_breadcrumb($trail) {
if(is_single() && get_post_type() == "portfolio")
{
$newtrail = array();
$portfolio_id = 77; //change portfolio id here
$pendant_id = 253; //change pendant id here
$frontpage = avia_get_option('frontpage');
$newtrail[0] = '<a href="' . get_permalink( $frontpage ) . '" title="Home">Home</a>';
if( is_tax( 'portfolio_entries', 'pendants') ) {
$newtrail[1] = '<a href="' . get_permalink( $pendant_id ) . '" title="' . esc_attr( get_the_title( $pendant_id ) ) . '">' . get_the_title( $pendant_id ) . '</a>';
} else {
$newtrail[1] = '<a href="' . get_permalink( $portfolio_id ) . '" title="' . esc_attr( get_the_title( $portfolio_id ) ) . '">' . get_the_title( $portfolio_id ) . '</a>';
}
$newtrail['trail_end'] = $trail['trail_end'];
$trail = $newtrail;
}
return $trail;
}
I apologize for the mistake, let us know if it works.
Best regards,
Nikko
-
This reply was modified 7 years, 6 months ago by Nikko.
Hey rlogan2334,
I have tested it and I don’t experience anything like the 2 links you posted (I have reached until step 3: 75%). Is this already fixed? if not kindly give us more information like if this is on a Desktop, Tablet or Mobile (iphone, etc), what browser is used (chrome, firefox, etc), what OS is used (windows, mac osx, etc)?
Best regards,
Nikko
Hi,
Can you post screenshots of the things you have mentioned, like how it looks on a tablet (which is a problem), how it looks on desktop (no issues) just for comparison and we can see better in your perspective as well as it will be easier for us to provide a solution. Also include the thin text as I can see it just the same on my end.
As for the solutions, it’s better to keep it in Quick CSS or if you have child theme, in your child theme’s style.css. This is much safer since you won’t lose any of it during theme update.
Best regards,
Nikko
Hey Jihad,
Kindly add this css to Quick CSS:
#top.rtl #header .social_bookmarks li:last-child {
border-color: rgba(255,255,255,0.25) !important;
}
#top.rtl #header.header-scrolled .social_bookmarks li:last-child {
border-right: 1px solid #e1e1e1 !important;
}
.av_header_transparency #advanced_menu_toggle {
color: #fff !important;
}
Let us know if it works :)
Best regards,
Nikko
Yea, we deactived top bar temporary.
Hallo Rikard,
You should now see a new field under the Advanced Layout Builder with the live output of the elements as you add them using the drag and drop interface.
Yes I have a new field, but it is empty. Because I land when importing back into the mediatek.
And it happens the same as before, so as above.
Have this now in the first child theme and not in the second Child theme, where the copy of the first should be pure:
[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='inhalte']
[av_cell_two_fifth vertical_align='top' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']
And so on.
Have this now copied into the second child theme, into the empty field of the extended layout editor.
And what am I doing now with the code, after the change?
If I delete the code in the box and confirm the change, everything is gone again.
So I really do not like this, if this should remain so then I make the site probably better again?
Or is there a solution for this?
l.G. hgx
I noticed that there is this content at the bottom of the enfold home page that I have been trying to recreate . What I’d like to achieve is:
– the full width background image
– icon box elements in three columns on top of this background image
Can you please provide some instructions on how to do this?
Hey there,
we wonder if it’s possible to center content in the top bar area.
Since we align two logo images (merged into one picture file) centered in header area we need to align two phone numbers centered as well.
Hey Natalia,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.content {
padding-top: 0px !important;
}
Best regards,
Jordan
Thanks for the response. My issue was it was taking so long for responses that as I fumbled through some of the issues through trial and error I was trying to keep the thread updated with what I needed. I was my impression that as you replied it would bump to the top. Either way 9 days for a response was kind of long. It is a moot point now. I will resize my fallback image to your suggested size.
As for the headline rotator, we decided to remove it from the site but I had it marked as centered but on mobile it was left justified. Like I said we removed it now so it cannot show you the issue any longer.
Thanks…..
I decided to move off Revolution Slider because of all the issues with it and am using Master Slider instead. However, this doesn’t show up in “Plugin Additions” in the Avia Layout Builder, so I have to enter the code into a Text Block content element. This has now created a gap between the menu and the main banner on my home page, though. I’m not finding any padding settings anywhere to fix this — and the same issue happens even if I try to just do an image at the top, so I’m thinking this isn’t a setting on the slider, but an issue with the theme/editor. Any help would be appreciated. Thank you.
You’re using Chrome on an iphone?
When i use Safari on my iphone, the “Latest News and Press” section appears on top of the Public Policy box. When I go to the Leadership page under About ASN, the captions for the images are sticking out from behind the images.
Hello,
I am in the process of editing layout.css so that posts on the entry page with no sidebar w/ a large image look a bit different. I was able to change some aspects already, but I’ve run into a wall. I would like to accomplish two things: Remove the gap of white space between the header image and the menu, and increase the width of this blog entry (in private content field).
I found this code and tried to increase the max-width from 600px to 800px in the 2nd line but nothing happened:
#top .fullsize .template-blog .post .entry-content-wrapper{text-align: justify; font-size:15px; line-height: 25px; max-width: 800px; margin:0 auto; overflow: visible; }
#top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 600px; margin-left:auto; margin-right:auto; }
Additionally I am not sure why there is a gap between the image and the menu, though it’s possible the previous employee made the change some place I cannot locate.
Thank you for any guidance you can provide me.
Hi,
I want to edit the class-framework-widgets.php file within a child theme, similar to this post, the modifications I need require me to edit this file. This post details what I need to do but I want to be able to do this in the child theme template so I can maintain updates.
Can I add something to functions.php which will force it to look at my child theme’s template instead?
thanks!
: )
Hi JennyGr!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.home #av_section_3 .content {
padding-top: 0;
}
Regards,
Yigit
Also getting problems spacing between icons on mobile, even between the icons that look fine on desktop
Hi
I’ve selected the “display a small arrow that points down to the next section” in a colour section which looks great, but it’s carrying through to another colour section below – how can I stop that?
Many thanks
HI, my logo in desktop, shows blurry
the image size is: 411×146
look at: (original)
http://www.bosquedormido.com.ar/web/wp-content/uploads/2016/10/logo.png
and look at in site:
its little blurry
How to fix it?
A unique issue started happening on our site. Suddenly the first content box, usually a color section, but not limited to that, would not show up, where it has previously done so.
The only way around that is to duplicate the same section and it would appear again – only one of them, even though they are stacked on top of each other, will show. If we take either one away, it does not show. I have tried deactivating a lot of different plugins, including usual culprits like flow-flow and Vision, but no change. I also have turned all plugins off, but no change.
This issue is not consistent on all pages – I have included links below. I can also send screenshots if that helps.
Hi,
There is this thread – https://kriesi.at/support/topic/woocommerce-de-erweiterung-fur-kriesi-themes/.
I do not have any experience with German Market extension. I will ask our German speaking moderators if they have any insights. Please kindly wait to hear from them.
Best regards,
Yigit
Here you go. I just tweaked something and one more section is now respecting the sidebar header space… but I don’t know what made the difference and the other sections are still going full-width.
As long as you’re looking around in there, could you tell me why I can’t shut off the top border on color sections? I set it in the individual sections in the Advanced Layout editor, but they still appear and I have to apply CSS to get them back off (I’ve temporarily commented them out in the child theme CSS file.
Thanks.
The code above worked to reduce the distance between the testimonial and testimonial subtitle. Thank you.
For the second point, I would like to know how to change the distance / space between the icon and:
1. the bottom of the masonry above the icon
2. the top of the masonry below the icon.
And I would also like to know how to reduce the distance between the testimonial subtitle and the icon beneath it.
Grateful for any further help :)
Jangdom
https://kriesi.at/support/topic/how-to-customize-testimonials-content-element/
Hi,
I tried the solution on the above page but it didn’t work for me.
here’s a screen shot showing the NAME text still off to the left of centre.
http://screencast.com/t/EjMsTAjB
Is there a CSS fix for this I can try?
Thanks for your help.
Cheers
Pete
Hi,
Thank you for the update.
What is the actual model of the tablet? Did you check it on another tablet?
The theme contains basic schema markup, unfortunately, you can’t change it in the theme options. You can either modify the includes > helper-markup.php file or use the “avf_markup_helper_attributes” filter. Examples:
// https://kriesi.at/support/topic/the-property-blogpost-is-not-recognised-by-google-for-an-object-of-type-blogpost/#post-679795
// https://kriesi.at/support/topic/error-structured-data/#post-511934
Best regards,
Ismael