This is the content:
[av_three_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-8o5zm']
[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jutmcfsi' custom_class='' admin_preview_bg='']
„Ich habe Jugend nachgeholt. Zum Teil die meiner Eltern.“
Der Versuch einer Erklärung. Ins Zeitfenster geschaut – es war nach dem Abschluss des zweiten Staatexamens, ich probierte mich als Liedermacher aus, mit einer begrenzten Zahl an Gitarrengriffen, und erregte Aufmerksamkeit. Sie führte zu einer Rockformation, die allerdings nach ersten, durchaus gelungenen Auftritten die Lust verlor, ihre Boxen auf die Bühne zu tragen.
Damals, das Haar noch lang und ebenso alle Zeit dahinter.
Und weiter zurück geschaut, zu den Vergnügen – so nannten meine Eltern die Tanzabende, zu denen ich mitgenommen wurde – und ihrer Musik, zu der dann meine Pubertät erwachte, sich staunend umsah. Klatschrhythmen und sich verzweifelt schmiegende Harmonien, Sehnsucht nach dem Untertauchen in Massenbegeisterung, und so viele Fragen, übersungen.
Jahre gingen dahin, plötzlich ein Schmunzeln: Ob es mir möglich sein würde?
[/av_textblock]
[/av_three_fifth]
[av_two_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-gtcru']
[av_image src='https://friedhelmkaendler.de/wp-content/uploads/die-band-31.jpg' attachment='431' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jutmaz6t' custom_class='' admin_preview_bg=''][/av_image]
[/av_two_fifth]
[av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av_uid='av-78zea']
[av_two_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-gtcru']
[av_image src='https://friedhelmkaendler.de/wp-content/uploads/Treppe-2.png' attachment='445' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' copyright='' animation='no-animation' av_uid='av-jutmaz6t' custom_class='' admin_preview_bg=''][/av_image]
[/av_two_fifth]
[av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' row_boxshadow='' row_boxshadow_color='' row_boxshadow_width='10' link='' linktarget='' link_hover='' padding='0px' highlight='' highlight_size='' border='' border_color='' radius='0px' column_boxshadow='' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-8o5zm']
[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jutmcfsi' custom_class='' admin_preview_bg='']
Ich nannte das Unterfangen „Schlimme Lieder“ und ich fand Mitstreiter, tatsächlich – alle jung genug, um sicher zu gehen, dass sie mich überleben würden. „Die Heimatrosen“: Dominic Richter, Cora Kinnemann, Julian Helmuth und an der Technik Constantin Behla.
Ein Sandkastenspiel, dreckige Knie, manchmal Regen und Matsch, wie kann es beschrieben werden? Der Weg hin zum verwegenen Ziel, schönst-grausiges Liedgut zu schaffen, reich an gestrigem Ton, gefüllt mit Übermut, mit Sehnsucht und Klage.
Was niemand braucht, doch es hat höllisch Spaß gemacht, vielleicht deswegen.
Wer sich der Unnot versichern will, hier Hörausschnitte:
[/av_textblock]
[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jutmcfsi' custom_class='' admin_preview_bg='']
[playlist images="false" artists="false" ids="449,448,447"]
[/av_textblock]
[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jutmcfsi' custom_class='' admin_preview_bg='']
Ostern 2019 – es ist erreicht. Ein kleiner persönlicher Stern am Schlager- und Sonstwas-Himmel, er ist glücklich aufgehängt. Feinst-lieblicher Ohrenschmaus mit Eigenart.
Schlimme Lieder!
<a href="https://friedhelmkaendler.de/waren/">Zur CD --></a>
[/av_textblock]
[/av_three_fifth]
Hey Ayumi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
#top #wrap_all .all_colors h3.av-magazine-title {
font-size: 18px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Dear admins,
I seem to have an issue in making my website mobile responsive.
As you can see from my website, the Wordings I have are not responsive to the mobile.
I have tried to change the font size of the Text Block at the Screen Options, but there isn’t any changes.
Please advice.
Thank you
Our client has created a page, the page is in draft mode
The page has been changed but the changes do not show in the preview
My cache plugins are deactivated and I have tried a different browser, same result.
On the edit page I have an error in my js console
—
Block validation: Block validation failed for core/shortcode (
Object { name: “core/shortcode”, title: “Shortcode”, description: “Insert additional custom elements with a WordPress shortcode.”, icon: {…}, category: “widgets”, attributes: {…}, transforms: {…}, supports: {…}, edit: WithInstanceId(Component)()
, save: save()
}
).
Expected:
[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-juuvwx4l' admin_preview_bg='']
Portfolio grid-
—
Both wordPress and enfold are up to date
Do you know why the preview is not correct?
Sorry but now I see, that the quick CSS codes is only working while I am logged in in the backend. As soon as I am logged out I cannot see any of the layout changes, that I made via quick css:
#main p a { text-decoration: underline; }
.avia_textblock ul li a { text-decoration: underline; }
.phone-info { font-size: 18px; }
I have already tried to rename the enfold_child.css and saved a new one. That was a solution in another thread regarding this issue. But this also does not lead to any result.
For the case that you need it please find below a temporary admin login.
Update: I found out that the reason is the plugin fast velocity minify, that I was adviced to use in this forum
If I disable the plugin, clear the cache and reload the page everything is fine. Than I can enable the plugin again and the layout updates are still fine.
-
This reply was modified 6 years, 11 months ago by
Michaela.
Hi,
I need some help to adjust the font size of blog titles of magazine on the mobile version.
The font size is good for desktop version, but the size become too big on mobile version.
Hey Edsbjerg,
The slider caption field doesn’t support element shortcodes, but you can try to create your elements using the “shortcode wand” in the Classic Editor
Then try to display them in a new shortcode like this:
function icon_sc( ){
return do_shortcode('[av_font_icon icon="ue889" font="entypo-fontello" size="20px"][/av_font_icon]');
}
add_shortcode( 'icon_short_code', 'icon_sc' );
This one displays an icon where the shortcode “[icon_short_code]”
Best regards,
Mike
This reply has been marked as private.
Hi,
I’m trying to add icons to my footer for the Contact Us part, the attached is the link.
I’ve tried adding
[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' size='21px' position='left' color=''][/av_font_icon] but it doesn’t seem to appear.
Please advice.
Thank you
Hey Stretchspot,
Add this to quick css:
@media only screen and (max-width: 767px){
.av-catalogue-list li{
font-size:10px!important;
}}
Best regards,
Jordan Shannon
Hi,
Thanks for the update.
1.) Did you set the header as a fixed container? You need to adjust the top padding of the main container in order to move it under the header. Add this css code inside the previous css media query.
.responsive #top #main {
padding-top: 169px !important;
margin: 0;
}
2.) Unfortunately, that type of footer is not possible by default. You can try to recreate it by setting a 3 column footer and adjusting the width of the first column. Or try to use css flex to re-align the columns. Unfortunately, that will require modification that is beyond the scope of support. Please a hire a freelance developer or contact our partner, Codeable.
3.) The following css code sets the font-weight of the phone number and the menu items to bold.
.phone-info {
float: left;
font-weight: bold;
line-height: 20px;
font-size: 11px;
padding: 5px 0;
}
#top #header .av-main-nav > li > a {
color: #000000;
background-color: #fcfcfc;
border-color: #f2f2f2;
font-size: 18px;
font-weight: bold;
}
Did you add that?
Best regards,
Ismael
Hi,
Thanks for the screenshot, please try this CSS as well:
#av-burger-menu-ul li a span {
font-size: 20px !important;
}
Best regards,
Rikard
OK Mike,
Thank you, understand.
Do you have an idea what’s wrong with my code to increase the slider caption on mobiles?
Got this but doesn’t work:
@media only screen and (max-width: 767px) and (min-width: 480px) {
#top.home .slideshow_caption .avia-caption-content {
font-size: 17px !important; } }
@media only screen and (max-width: 479px) {
#top.home .slideshow_caption .avia-caption-content {
font-size: 13px !important; } }
Thanks, Lukas
Hello Mike,
Icon are done, finally I understand what you did there and thank you for your suggestion about change images to the font. Works perfect now.
Why I don’t see all icons on the mobile socket? I see there is place for more icons but last 2 icons are not visible. Only on higher resolution.
Point 4 now works also. I wanted to increase a font size of caption because it’s too small on mobile. Unfortunately my code doesn’t work. Could you review what I did wrong, please?
@media only screen and (max-width: 767px) and (min-width: 480px) {
#top.home .slideshow_caption .avia-caption-content {
font-size: 17px !important; } }
@media only screen and (max-width: 479px) {
#top.home .slideshow_caption .avia-caption-content {
font-size: 13px !important; } }
Best,
Lukas
Hi Mike,
sorry for the late reply.
I agree. As long as the most common resolutions are running smoothly, it’s totally fine.
I’ve told you that I somehow tried to adjust the code you gave me. Now I suspect having some duplicates in the code.
Could you double check if everything is okay? I’m especially unsure about the h3 code, as it’s in there twice.
I’m sending this to you as my traffic has dropped by around 60% and I’m afraid the changes could be connected with that.
All the best, Eike
This is all the code i manually added to the enfold settings:
.blog-categories {
display: none!important;
}
.div.big-preview.multi-big, a.small-preview {
display: none;
}
.avia-content-slider .slide-meta div.slide-meta-comments,
.avia-content-slider .slide-meta div.slide-meta-comments + .slide-meta-del {
display: none;
}
.related_posts {
display:none!important;
}
.slide-entry.post-entry .slide-image {
max-height: 170px;
}
/*
#top .av-magazine .av-magazine-content-wrap .av-magazine-title a,
#top .av_iconlist_title a {
color: #d45e33;
} */
@media only screen and (min-width: 767px) and (max-width: 1441px) {
#av_section_2 .post-entry-1617 .slide-entry h3.slide-entry-title a {
font-size: 12px !important;
line-height: 12px !important;
}
}
@media only screen and (max-width: 767px) {
.av-special-heading-h2 h2 {
font-size: 21px;
}
}
@media only screen and (max-width: 767px) {
.av-special-heading-h1 h1 {
font-size: 26px;
}
}
@media only screen and (max-width: 900px) {
h3.entry-title a {
font-size: 18px !important;
line-height: 12px !important;
}
}
Hi,
Please try this instead:
#top .avia-gallery .avia-gallery-thumb a:after {
content: '+';
color: #d89fde;
font-size: 45px;
font-weight: bold;
position: absolute !important;
width: 35%;
height: 40%;
display:flex!important;
flex-direction:row!important;
align-items: center!important;
justify-content: center!important;
}
Best regards,
Mike
Hey bhcdi,
To change the team member name font, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
h3.team-member-name {
font-size: 10px !important;
}
Please adjust to suit.
Best regards,
Mike
Hello
I’ve looked at lots of posts and have a ton of css to style a custom sidebar menu widget, but I can’t seem to get the parent menu item – ‘All Successes’ to display with a unique active color – the sub menu items work well but the parent menu item seems to use ‘current_page_item’ so all of the text, both parent and child change color. I just want the parent item to be highlighted when active, please. Here’s my bunch of css to date, and thank you in advance :)
/************************ BLOG POSTS ***********************************************************************************************/
.widget {
padding: 0px 0px 10px 0px !important;
/* background: #ff0066; */
}
.sidebar .widgettitle {
color: #ff0066 !important;
}
/* custom HTML titles and ul for successes ********/
.successesTitle {
font-family:"Helvetica Neue LT W05_65 Medium";
font-style: normal;
font-weight: normal;
color: #374f6b;
text-transform: none !important;
font-size: 22px;
line-height: 22px;
text-align: left;
padding: 15px 0;
max-width: 100%;
margin: 0 auto;
}
/* top border for all items and bottom for sub menu */
#top .content .flex_column .widget_nav_menu li:first-child {
border-top: 1px solid #979797;
border-bottom: 1px solid #979797;
}
/* bottom border */
#top .content .flex_column .widget_nav_menu li:last-child {
border-bottom: 0px solid blue !important;
/* border-bottom: 10px solid blue !important; */
}
/* bottom border */
#top .content .flex_column .widget_nav_menu li {
/* border-bottom: 10px solid #ff0066; */
}
#top .sidebar .widget.widget_nav_menu ul.nested_nav {
border: none !important;
background: transparent;
}
#top .widget_nav_menu li {
box-shadow: none !important;
line-height: 18px;
}
#top .widget_nav_menu li a {
/* border: none !important; */
font-family: "Helvetica Neue LT W05_65 Medium";
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
letter-spacing: 0px;
color: #979797;
}
#top .widget_nav_menu li a:hover {
color: #000;
}
/* hide little item in sub menu */
#top .widget_nav_menu ul ul li::before {
display: none !important;
}
#top .widget_nav_menu ul ul li a {
}
/* subcat indentation */
#top .widget_nav_menu .sub-menu {
padding-left: 20px !important;
position: relative;
border-bottom: 1px solid #979797 !important;
}
/* hover color */
#top .widget_nav_menu ul ul li a:hover {
color: #000 !important;
}
/* bottom border sub menu */
#top .widget_nav_menu ul li a {
border-bottom: 0px solid #979797 !important;
}
/* line-height & colour sub menu */
#top .widget_nav_menu ul ul li a {
color: #979797 !important;
line-height: 22px;
}
/* active */
#top .widget_nav_menu ul ul .current-menu-item a {
color: #000 !important;
}
/* active both main and sub menu items */
#top .widget_nav_menu li.current_page_item a {
/* color: green !important;
border-bottom: 10px solid #ff0066 !important; */
}
/* active */
#top .widget_nav_menu .current-menu-item > ul {
color: #ff0066 !important;
}
#top .widget_nav_menu li.current_page_item a {
/* color: green !important; */
}
li.current-cat a {
color: #ff0066 !important;
font-weight: bold;
}
/* sub. categories - not used here */
li.current-cat ul.children li.cat-item a {
/* color: orange !important; */
/* font-weight: normal !important; */
}
This reply has been marked as private.
For the Team Member element. Is there a way to change to font size or change the Heading assigned to the name. I’m using this element inside and 1/4 layout box and the name is too big.
Hey Carsten,
Please try the following css:
.html_av-submenu-hidden .av-submenu-indicator {
font-size: 22px;
font-weight: bold;
}
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
width: 10px;
height: 2px;
}
Best regards,
Victoria
Hey darrenwise,
To have your footer social icons float left, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#socket .social_bookmarks {
float: left !important;
margin: 0px !important;
}
To have larger icons, please try:
#socket .social_bookmarks li a {
width: 50px!important;
line-height: 50px!important;
min-height: 50px!important;
font-size: 30px;
}
#socket .social_bookmarks li {
height: 50px!important;
width: 50px!important;
}
#socket .social_bookmarks {
height: 60px!important;
}
Please adjust to suit.
Best regards,
Mike
Hi there,
On the Homepage I have changed the Caption Title Font Size and Caption Content Font Size, but if you look at it on a phone parts of the words in the captions overlaying the slider are still not visible/partly covered. staging.pointgreyfiesta.net
Please help, thanks,
Carolin
Hi,
Add this to quick css:
.sub-menu .avia-menu-text{
font-size:10px!important;
font-weight:normal!important;
}
Best regards,
Jordan Shannon
Thread can be closed – I could solve it like this within CSS:
.red-dots-special {
list-style: none !important;
margin-left: 20px;
}
.red-dots-special li::before {
content: "\2022";
display: inline-block;
color: #CB2D27 !important;
font-weight: bold !important;
font-size: 1.5em;
width: 10px;
}
.li-black-space-left {
color: black;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 0 !important;
text-indent: -10px !important;
}
Hey Daniel,
Please try the following css:
#top .avia-gallery .avia-gallery-thumb a:after {
content: '+';
color: #d89fde;
font-size: 45px;
font-weight: bold;
top: -165px;
left: 134px;
position: relative;
}
Best regards,
Victoria
Hi Jeffrey,
Can you try to go to Enfold > Advanced Styling > select Main Menu links (click on Edit Element) then change the font color and size.
There are other things under Main Menu there, you should be able to change it.
Hope this helps.
Best regards,
Nikko
Hi guys
I currently have some issues with a custom unordered list icon I am using and its space to the text with multi line content.
Here is the code I got so far. No matter what I add/change, the second line is never aligned properly with the one above and I don’t want these around 40px space between the dot and the text.
HTML:
<ul class="red-dots-special">
<li class="li-black-space-left">Ganz langer Text aksdahsd ahsd asdhasjd adshfjdshfsjdfh sdjfhs djfsh dfkshdfjkshd gjksdhgf jksdf hfgjsdkhf sjkdhf sdjkfsdjkfs djkfsd jfk sdjkfsd fjksdf sdjfsdjfksdfjksd</li>
<li class="li-black-space-left">Etwas kürzerer Text asdask djasjkldj adkf sdlfj sdfjshdjflksdh f</li>
<li class="li-black-space-left">Bla bla blaaaaaa asdsdllsd sadf dsfksdjfksjfksfjsdkf fsdkfsdf ksdfksdf sdkf sdkf sdfk.</li>
</ul>
CSS:
.red-dots-special {
list-style: none !important;
}
.red-dots-special li::before {
content: "\2022";
display: inline-block;
color: #CB2D27 !important;
font-weight: bold !important;
font-size: 1.5em;
width: 25px;
}
.li-black-space-left {
color: black;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 42px !important;
text-indent: -25px !important;
}
Everything I have read and figured out so far says that I can adjust the position of the second line of text with the parameters/combination of padding-left and text-indent. For some reason, this does not work the way I want or I am missing something here.
Does anybody know how to solve this?
Thanks a lot and best,
Michael
Hey ekam520,
Add this to quick css:
#header_meta #avia2-menu a {
font-size: 14px!important;
}
Best regards,
Jordan Shannon