So for me as a participant as you is now finished help. Without seeing the frontend it is nearly imporssible to help furthermore

Klärung: Da ist ein Dienstleister, der Euch einen Slider gemacht hat.
Der ist fertig gelayoutet aber mit einer Schrift, die Euch nicht gefällt. ?

Beschreibe das mal auf deutsch.

PS der Layerslider kostet sowas um die 18 Euro –
da hast du dann wahnsinnig schöne und viele Templates zur Verfügung , die man im übrigen auch exportieren kann!
Und im übrigen auch wieder woanders importieren kann. :)

Ich finde, dass sich das schon lohnt.

Die haben jetzt auch PopUps – das ist echt genial, und sehr gut zu steueren:
http://webers-testseite.de/be/
und schau die auf der gleichen Domain den Startseiten Slider an

• This reply was modified 8 years, 1 month ago by Guenni007.

By the way for Chrome we had to add:

@media only screen and (max-width: 767px) {
.responsive #top .logo {
    display: inherit !important;
    height: auto !important;
}
} 

did you use that subtext logo function in your functions.php ?

or a code to have on a different site a different logo – or a text next to logo ?

Because alternate logo is set in this way.
I have it on my Enfold 4.12 Version on Testpage made for demonstration on how to change logo for a unique site – and bingo no alternate logo

So have a look into your functions.php

you mean that shrinking factor is not as much as 2
where did you start (header hight on beginning) and where do you want to end (in px) ?

I opend a new thread for it – because this question is a FAQ

https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/

did you gave the logo img a width?

.logo img {
width: 350px;
height: auto
}

hm a few weeks ago your request – and now my example has gone – anyway.
No – my solution is a single solution no additional code :lol:

to functions.php of your child-theme:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= " <a href= 'the link target url'  target='_blank' > <img class='anything'  title='anything'   src='link to your image'    alt='anything you like' /></a>  ";
  return $sub;
}

to quick css:

.logo a {
    float: left;
}
.logo img {max-width: 200px}

the gimmick is that you can use a different link , a different link-behavior (open in new tab etc) and it did all the normal logo does – even shrinking is possible.
The other problematik is a thing that all users have if the logo is more or less a panorama apect ration. Has nothing to do with two logo or not.
You have to have an earlier breakpoint for responsive behavior. – thats all
But try first to set up your header behavior to “Let logo and menu position adapt to browser window” and have a look if this is not better for your big menu.

You can see it on my test-page here: https://webers-testseite.de/buttons/

On very small screen – both logos are beneath each other !

Concerning to this question: https://kriesi.at/support/topic/blog-beitrage-sortieren/#post-865474

i think i got a solution – allthough i don’t realy know why it works:

You will have on widget area a new widget called : Enfold-Child Social Bookmarks
drag and drop as usual into the widget area you like. It shows the social bookmarks you have choosen on Enfold Options Dialog.
Only Title is here to set ( Default is “Social Bookmarks”)

Just one moment – i will check to mangage for all widget areas to solve it …

to quick css:

#top .socialbookmarks-widget .social_bookmarks {
    float: left;
    margin: 15px 0 0 ;
    position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
    float: left;
    clear: right !important;
}

to enfold-child functions.php

function social_bookmarks_register_widget() {
register_widget( 'add_social_bookmarks' );
}
add_action( 'widgets_init', 'social_bookmarks_register_widget' );

class add_social_bookmarks extends WP_Widget {
public function __construct() {
	$widget_ops = array(
		'classname' => 'socialbookmarks-widget', 
		'description' => __('A widget that displays the social bookmarks', 'avia_framework') 
		);
	parent::__construct( 'add_social_bookmarks', THEMENAME.' Social Bookmarks', $widget_ops );
}
public function widget( $args, $instance ) {
	$title = apply_filters( 'widget_title', $instance['title'] );
	echo $args['before_widget'];
	//if title is present
	if ( ! empty( $title ) )
	echo $args['before_title'] . $title . $args['after_title'];
	//output
	echo $before_widget;
	$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
	echo avia_social_media_icons($social_args, false);
	echo $after_widget;
}
public function form( $instance ) {
	if ( isset( $instance[ 'title' ] ) )
	$title = $instance[ 'title' ];
	else
	$title = __( 'Social Bookmarks', 'avia_framework' );
	?>
	<p>
	<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
	<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
	</p>
	<?php
}
public function update( $new_instance, $old_instance ) {
	$instance = array();
	$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
	return $instance;
}
}

bitte schön – gern geschehen – nicht so viel Feedback auf einmal!

what do you think about that:

Using the Enfold Button Element with light-transparent but with other styling – just css
give the new class to the button (here it is glass green)
put in the field of custom css : glass green
for blue one : glass blue do not put in the classes with the dot (point) ! those are added by default
etc if you like

https://webers-testseite.de/buttons/

/* to get rid of enfold styling - use light-transparent  */
#top .avia-button.avia-color-light {
    color: inherit !important;
    border: none !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0; 
    border-radius: 0; 
    box-shadow: none !important
}

#top .avia-button.avia-color-light:hover {
opacity: 0.9 !important; 
text-shadow: 1px 1px 2px  #333
}

/* font-size of the button and the icon */
#top .avia-button.avia-color-light {
 font-size: 1.2rem 
}
.avia-button.avia-color-light .avia_button_icon {
    font-size: 1.5rem;
    vertical-align: bottom
}

/* new button style - a bit glassy  */
.glass {
	position: relative;
	display: inline-block;
	border-radius: 4px;
	box-shadow: 1px 1px 4px  #666;
	/* goes to style the text  */
	text-decoration: none;
	text-shadow: 1px 1px 2px  #333;
}
.glass:before{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
}

.glass:before{
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2))
}

/* the green one  */
.green {
	background-color: green; /*for compatibility with older browsers*/
	background-image: linear-gradient(green,lightgreen);
	color: #fff
}
.green:hover { background: linear-gradient(#073,#0fa) }

/* the blue one  */
.blue {
	background-color: blue; /*for compatibility with older browsers*/
	background-image: linear-gradient(blue,lightblue);
	color: #fff
}
.blue:hover { background: linear-gradient(#047,#0ef) }

/* the red one  */
.red {
	background-color: red; /*for compatibility with older browsers*/
	background-image: linear-gradient(#ea0404 ,#6d0019);
	color: #fff
}
.red:hover { background: linear-gradient(#a00,#e00) }

and now the rest is your turn – make some other classes with other gradients!

Here you can make your gradients: Link

hey mike this was nearby my method i used for one customer:
i used a bit different hook: mine is already in the footer container

add_action( 'avia_before_footer_columns', 'enfold_customization_footer_widget_area' );
function enfold_customization_footer_widget_area() {
  dynamic_sidebar( 'before-footer' );
}

same as Mike described – create a new widget area (in my case call it) : before-footer

The rest will be some debug mode action :lol: ( on widgets we are able to use avia shortcodes ? – yes )
means – activate debug mode and than goto a page or post and do create your needed columns and contents.
copy the shortcode from the debug mode window and paste it to your new widget area. Bingo

you can clean it a bit – because there are a lot of settings not used in the shortcodes

See here: https://webers-testseite.de/#footer

Big Advantage – the columns break with enfold settings in responsive case. because they are based on enfold shortcode

See short form of your wanted code here for your 2/3 1/3 option:

[av_two_third first]
[av_heading heading='Left Heading' tag='h3' style='blockquote modern-quote'][/av_heading]
[av_textblock ] Left 2/3 Content [/av_textblock]
[/av_two_third]

[av_one_third ]
[av_heading heading='Right Heading' tag='h3' style='blockquote modern-quote' ][/av_heading]
[av_textblock ] Right 1/3 Content [/av_textblock]
[/av_one_third]

if you like to have the same heading style:

#footer h3 {
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

• This reply was modified 8 years, 1 month ago by Guenni007.

hey Basilis – i’m playing a bit with the plugin and all is fine for blog pages. But i can not see on how to style it for pages that are made with avia layout builder.
I can insert in the field “custom amp editor” and use this it is ok.
But i guess if the page is built by the alb – the amp page builder does not work – and menu does not work at all.

Lol – Basilis – this link seems to be more relevant for the most of the users: https://de.wordpress.org/plugins/accelerated-mobile-pages/

by the way: nice tip. Looks good !

wofür ? als Weißpunkt abgleich ? Ich verstehe das Begehren nicht.
Was ist der Zweck eines solchen Unterfangens?