Hello,

I did that and the spacing is still different. It seems odd that having multiple columns on blog posts doesn’t work correctly as that’s one of the built-in features for enfold. Is it supposed to work correctly by default? I wonder if maybe some other custom css I have would be messing it up.

/*this is so that the logo image of the menu does not appear*/
.logo { display: none; }

/*This is so that the header container which adds a space and border for the header logo does not show*/
.container.av-logo-container{
display:none!important;
}

/*This adds some padding to the bottom of the posts so that the 'read more' button isn't cut off*/
.slide-entry-excerpt {
  padding-bottom:32px;
}

/*this is so that the blog displays properly when the screen is smaller width like on mobile devices*/
@media only screen and (max-width: 767px) {
.page-id-162 .slide-entry {
  width:100% !important;
  margin-left:0 !important;
}
}

/* add padding to the top of blog posts so they display correctly in mobile mode */
article.slide-entry.flex_column.post-entry{
padding-top:32px !important;
}

/* change blog post navigation button color and font color*/
.avia-post-nav {
   background: #c3512f !important;
   color: white !important;
}

/*display blog next previous arrows in mobile view and make them smaller and not show a preview*/
@media only screen and (max-width:767px) {
  .responsive #top .avia-post-nav  {
    display: block !important;
    opacity: 0.8;
    margin-top:-70%;
    height: 30px;
  }
  /*also this makes it so the button doesn't expand when you click on it in mobile because it doesn't display right in that mode */
  .responsive #top .avia-post-nav .entry-info-wrap * {
    display: none !important;
  }
.responsive #top .avia-post-nav .entry-info-wrap  {
    display: none !important;
  }
}

/*Change large button minimum width for front page 'start at the begging or see latest articles' buttons to be the same size*/
.avia-button.avia-size-large { min-width: 290px; }

@media only screen and (max-width:767px) {
  #top .slide-entry-wrap {
    margin-bottom: 0;
  }
}

Thx Yigit but i already downloaded child theme from that link. I put custom class to my fat separator called fat(class) and in my inspector i see the class is added. So i did was .fat span {border-top-width: 5px;} , i cleared the cache, refresh but nothing changed. i open my inspector and i see my new css but after the parent theme css so it doesn’t override, when i disable parent theme css in inspector then my new css works but child stylesheets should override parent theme.

Hi guys,

Thanks so much for all your help. I did change the logo size and it did make a difference on chrome, but when I look in safari it looks soft again. Just when I thought I had fixed it. I don’t know what the heck to do now. Link to site below again, and another question:

Can you help me with one more thing, I need one layerslider to have a different height when the site is viewed on mobile. the designer chose a very delicate font that I need to create a rule for to enlarge on mobile. when I do that the bottom text gets cut off as it tries to conform to the dimensions of the layerslider. I made a rule for p.ls-layer to enlargen the font when you get down to a mobile device which works super on my iphone, except the bottom couple of lines got cut off. I then modified the slider to be taller, which works on desktop and not on screen. If you follow the link you see how silly that space looks between the layer and the next row looks. I want to create a rule that either makes the layer slider larger for mobile or smaller for desktops…. well, CAN I create such a rule. thanks for your help.

That seems to have helped the image quality, but now there’s a zoom in effect when you put your mouse cursor over it (and a magnifying glass bar at the top of the image. How can I remove the zoom in effect and magnifying bar? Please see link provided.

Thank you,
Marc

What is the solution or modification that you added to the theme?

I added nothing, I comment out in /enfold/framework/php/class-breadcrumb.php line 313 /*if($parent_item) $trail[] = $parent_item;*/ …

Please remove that modification, otherwise the filter that we added won’t work.

… and remove my comments after you tell me that I have to do that and overwrite class-breadcrumb.php with an orignial file from the zip archive – save is save ;). Than I put your filter from https://kriesi.at/support/topic/breadcrum-shows-all-categories-off-an-portfolio-item/#post-784464 to functions.php an have still the same problem with the looooog trail (that what I wrote here https://kriesi.at/support/topic/breadcrum-shows-all-categories-off-an-portfolio-item/#post-786953). After this I remove your first filter with your filter from post https://kriesi.at/support/topic/breadcrum-shows-all-categories-off-an-portfolio-item/#post-787539 – nothing change!
Take a look: http://launch1702.allresist.de/portfolio-item/verduenner-ar-300-12/

But when I use that code:

add_action('after_setup_theme','avia_remove_portfolio_breadcrumb');
function avia_remove_portfolio_breadcrumb(){
	remove_filter('avia_breadcrumbs_trail','avia_modify_breadcrumb');
	add_filter('avia_breadcrumbs_trail', 'avia_change_breadcrumb', 100, 1);
}

I got the short trail without primary categorie. I have comment out this code.
At this time only your second solution is online!

So, hope you understand what I wrote and you have any idea!

Best reagrds
Mike

• This reply was modified 8 years, 10 months ago by Mike61.

Hi Ismael

Okay sorry I don’t mean to dispute this but I have solved the issue of the background you can see at

If you view this page on any screen, on any desktop device 13inch to 21inch the background adjusts and looks great and maintains aspect ratio.

All I need some advice on is how to position an enfold avia text box.

I tried some absolute positioning on it but it seems some elements of enfold layout builder don’t move. What css can be used for this theme element to be moved upwards?

You can see the text is “Click here to add your own text” at the bottom of the page and it belongs in the div above

The content in my functions.php (child folder) is actually this:

<?php
/* Write your awesome functions below */

add_theme_support(‘avia_template_builder_custom_css’);

// remove title
add_filter(‘avf_title_args’, function($args) {
$args[‘html’] = “<div class='{class} title_container’><div class=’container’>{additions}</div></div>”;
return $args;
});

//advanced title + breadcrumb function
if(!function_exists(‘avia_title’))
{
function avia_title($args = false, $id = false)
{
global $avia_config;

if(!$id) $id = avia_get_the_id();

$header_settings = avia_header_setting();
// if($header_settings[‘header_title_bar’] == ‘hidden_title_bar’) return “”;

$defaults = array(

‘title’ => get_the_title($id),
‘subtitle’ => “”, //avia_post_meta($id, ‘subtitle’),
‘link’ => get_permalink($id),
‘html’ => “<div class='{class} title_container’><div class=’container’><{heading} class=’main-title entry-title’>{title}</{heading}>{additions}</div></div>”,
‘class’ => ‘stretch_full container_wrap alternate_color ‘.avia_is_dark_bg(‘alternate_color’, true),
‘breadcrumb’ => true,
‘additions’ => “”,
‘heading’ => ‘h1’ //headings are set based on this article: http://yoast.com/blog-headings-structure/
);

if ( is_tax() || is_category() || is_tag() )
{
global $wp_query;

$term = $wp_query->get_queried_object();
$defaults[‘link’] = get_term_link( $term );
}
else if(is_archive())
{
$defaults[‘link’] = “”;
}

// Parse incomming $args into an array and merge it with $defaults
$args = wp_parse_args( $args, $defaults );
$args = apply_filters(‘avf_title_args’, $args, $id);

//disable breadcrumb if requested
//if($header_settings[‘header_title_bar’] == ‘title_bar’) $args[‘breadcrumb’] = false;

//disable title if requested
if($header_settings[‘header_title_bar’] == ‘breadcrumbs_only’) $args[‘title’] = ”;

// OPTIONAL: Declare each item in $args as its own variable i.e. $type, $before.
extract( $args, EXTR_SKIP );

if(empty($title)) $class .= ” empty_title “;
$markup = avia_markup_helper(array(‘context’ => ‘avia_title’,’echo’=>false));
if(!empty($link) && !empty($title)) $title = ““.$title.”“;
if(!empty($subtitle)) $additions .= “<div class=’title_meta meta-color’>”.wpautop($subtitle).”</div>”;
if($breadcrumb) $additions .= avia_breadcrumbs(array(‘separator’ => ‘/’, ‘richsnippet’ => true));

$html = str_replace(‘{class}’, $class, $html);
$html = str_replace(‘{title}’, $title, $html);
$html = str_replace(‘{additions}’, $additions, $html);
$html = str_replace(‘{heading}’, $heading, $html);

echo $html;

if(!empty($avia_config[‘slide_output’]) && !avia_is_dynamic_template($id) && !avia_is_overview())
{
$avia_config[‘small_title’] = $title;
}
else
{
return $html;
}
}
}

add_shortcode(‘bread_crumb’, ‘avia_title’);

————————————————————-
My settings in the backend and the result in the frontend are now like in these screenshots:

(gallery with 3 pictures)

View post on imgur.com

• This reply was modified 8 years, 10 months ago by brandhands.

Do not work

#top #header .av-main-nav > li.current-menu-item > a {background-color:#000!important;}
#top #header .av-main-nav > li:last-child > a {padding-right: 20px!important;}
#top .av_header_transparency .avia-menu-fx {display: none;}

Thanks for the reply Basilis,

I’ve created a shortcode but it doesn’t work. Still, the code below is added which interrupts the hover actions. But when I add the shortcode in a code block and hit preview there is no modification. but if I update the page and load the page regularly shortcode become modified.

<span class="image-overlay overlay-type-extern" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 343px; width: 353px;"><span class="image-overlay-inside"></span></span>

and this added to “a” tag
style="position: relative; overflow: hidden; display: block;"

any thoughts?

No, sorry, that didn’t work either. I even tried combining both of your suggestions at the same time.
What else can I try?

Here’s what’s in the General Styling > Quick CSS box:

#top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
color: white !important;
}
.home #avia-menu .avia-menu-fx {
color:white !important;
}
/*.post-entry > a:nth-child(1) > img:nth-child(1) {
height: 180px !important;
max-height: 180px !important;
width: auto !important;
}*/
#header_splash {
height: 360px !important;
}
#header_splash .av-section-color-overlay {
height: 360px !important;
}
.slide-entry-excerpt {
color: white;
text-align: center;
}