hi Roger – sorry – not now for this post here- the topic on the other page is closed.
I created a solution for responsive case on that: https://kriesi.at/support/topic/issue-with-portfolio-grid-layout/#post-1281896

is it a manually set button – or you want the default read more link to like this?

See here for elegant-blog style on : https://webers-testseite.de/excerpt/

you had to adjust it to your selectors for your blog layout

.html_elegant-blog .avia-content-slider .read-more-link {
  padding-bottom: 0;
  display: inline-table;
  height: auto;
  width: 100%;
}

.html_elegant-blog .avia-content-slider .read-more-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: calc(50% - 2px);
  width: 100%;
  border-bottom: 2px solid #999;
  z-index: -1
}

.html_elegant-blog .avia-content-slider .read-more-link:hover:before {
  border-color: #f29811 !important; /* take your hover color for it */
}

.html_elegant-blog .more-link {
  margin: 0;
  padding: 0 0 0 10px;
  text-align: right;
  font-family: Georgia !important;
  text-transform: uppercase !important;
  float: right;
  top: 0;
  width: auto;
  background-color: #fff;
}

maybe a little child-theme functions.php snippet rules i a bit better.
https://kriesi.at/support/topic/grid-row-not-fullsize-how-to/#post-902770

as mentioned in that post:
1) the notfullsize class added to the surrounding container gets the same settings as avia-section and the class main_color to have the same background-color
2) and the grid-notfullsize gets the setting of “container”

and you inserted this?

____________ additional info _____________
on some inputfields this well known entity is working but after saving the whole page – the inserted entity is not seen anymore – allthough it has an effect on the frontend.
Editing a f.e. Heading again – these inserted entities are gone.

to avoid this and to see in backend the usage of those little helpers i use that little plugin from Günter : https://github.com/KriesiMedia/enfold-library/tree/master/integration%20plugins/Enfold/Special%20Character%20Translation

you can extend that little list in the plugin by additional entities

i do change and add some entities on that replacement list f.e. ( i only use one #before and after the inserted code )
my replacement list looks this way:

after that i insert on the places f.e. #shy# for a softhypen.
this will be seen on backend – even after saving the post and on editing them again.

sorry you had to wait till mods are here – no private content for my eyes!

it would be helpful to know what kind of setting your header is set to.
Best is to see your site to give precise instructions.

But on most cases the header_bg class is for that a good hint

it is in deed the fact that it is a bit transparent ( opacity: 0.95)
just change for those pages the .header_bg option with quick css:

.home .header_bg {
 opacity:0.5;
 filter:alpha(opacity=50);
}

it maybe neccessary to have here an !important – but first try it without

Sorry – take the time only form $entry – i changed the snippet above so try for your needs:

function avf_portfolio_extra_mod($output, $entry) {
	$output = '<div class="portfolio-new-meta">';
	$output .= '<div class="portfolio-read-more-link"><a href="'.get_permalink($entry->ID).'" class="more-link">'.__('Read more','avia_framework').'<span class="more-link-arrow"></span></a></div>';
	$output .= '<time class="date-container minor-meta updated">' .get_the_date("j. F Y", $entry).'</time>';
 	$output .= '</div>';
	return $output;
}
add_filter('avf_portfolio_extra', 'avf_portfolio_extra_mod', 10, 2);

First – does it realy work with $markup ? at the classes

what about this :

add_filter('avf_portfolio_extra', 'avf_portfolio_extra_mod', 10, 2);
function avf_portfolio_extra_mod($output, $entry) {
	$output = '<div class="portfolio-new-meta">';
	$output .= '<div class="portfolio-read-more-link"><a href="'.get_permalink($entry->ID).'" class="more-link">'.__('Read more','avia_framework').'<span class="more-link-arrow"></span></a></div>';
	$output .= '<time class="date-container minor-meta updated">'.get_the_date("Y-m-d", $entry).'</time>';
 	$output .= '</div>';
	return $output;
}

the point is to include the same relation to the entry ID as on permalink – you can do everything as format you like f.e.

.get_the_date("d. M Y", $entry).

on default the month names are localized via General Setting Language of the page

by the way: thanks – nice use of that filter !

is there a link you can make here public. only that image leads me to a different way it was generated than over the portfolio grid alb element.

Edit Ok – i didn’t see that there is : “special column layout – side by side” option. ( has this been around for a while?)

Next Question – how do you set the date to this element? because on default i got no date there.
Are these portfolio ALB generated – or set by classic editor. Do you have inserted here the post meta data?
If so – did you take the publishing date or the last modified date etc. pp

more input please

• This reply was modified 5 years ago by Guenni007.

Everything stayes the same but you have instead of:

jQuery(window).load(function(){

that:

jQuery(window).on('load', function () {

do not forget to clear all browser cache and to refresh (if used) the merged files in enfold (see performance tab in enfold options)

See here in the first yellow frame: https://api.jquery.com/load-event/

maybe a jQuery ( no SEO influence on that) solution will be ok for you –
try this in child-theme functions.php:

Edit: ok i see you began to insert manually – what is best for SEO Purpose too.

Have you thought about editing the first of the 1/4 columns of each row so that it is set to no-margin?
Unfortunately, the first in a row is always assigned the default value: “space between columns”.

Be carefull to do this each time – when you change positions in your layout ( by moving the columns e.g.)

it is because of this rule in enfold settings:

.responsive .av_one_fourth.first + .av_one_fourth.flex_column_div {
 margin-left: 4%
}

so you got two options here – either you think of that to edit each first column in that layout – or you overwrite it by:
( and that is much more comfortable )

.responsive #top .four-in-a-row .flex_column {
 margin-left: 0 !important
}

• This reply was modified 5 years ago by Guenni007.

2. pictures have 0 padding & margin. BUT have a 50px left and right padding to the parent container.(again exactly like the website I mentioned above)

i do not see that on the image in your example page – as on my test page too

so more and precise input for those who want and could help.