Forum Replies Created

Viewing 30 posts - 31 through 60 (of 162 total)
  • Author
    Posts
  • in reply to: Get rid of space under a picture #1446975

    Hi,
    I copied the link to the screenshot on private content.

    in reply to: Instagram-Widget won’t connect #1446974

    Thanks! Topic can be closed

    in reply to: Blog with categories #1446951

    I decided to use a sidebar. Topic can be closed

    in reply to: 2 different codes for separate texblocks #1446950

    I managed it on another way. Topic can be closed, thank you

    in reply to: Blog with categories #1446941

    I found what I need. It’s this code in functions.php

    add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
    function avia_change_category_blog_layout($layout, $context){
    if($context == 'archive') $layout = 'blog-grid';
    return $layout;
    }
    

    But how can I edit the page though? I want a return button and the possibility for my readers to check out another category without having to return to the main-blog page. I know I could use a sidebar, but is there any other way?

    in reply to: Blog with categories #1446919

    That’s not, what I was talking about.
    I want the category to be displayed as masonry element.
    I post you a link to a certain category on private content. You can see all posts of this category lined up one after another. That is NOT what I want. I want a masonry view there.

    Could I make clear, what I mean?

    in reply to: Blog with categories #1446872

    Would you tell me how? I can’t figure it out. I guess I want masonry.
    I want the site of a certain blog-category to look like the main blog-page, just with the posts of the selected category.

    in reply to: Space to the left and right on mobile #1446843

    Awesome! Thank you :)

    Topic can be closed

    in reply to: Font- and button-size of post-slider, remove date #1446842

    That’s great! Thanks a lot. Topic can be closed

    in reply to: Problem with advanced post-editor #1446841

    Alright, so I just need to switch back to standard to get the post-image.
    Topic can be closed, thank you!

    in reply to: Problem with advanced post-editor #1446758

    Yeah, but it’s not so pretty as the one with the standard-editor. What’s the difference?

    in reply to: Font- and button-size of post-slider, remove date #1446757

    Way better! Thank you!
    Can you make the “read-more”-button smaller as well?

    in reply to: Height of preview image on blog #1446756

    Perfect! Thanks a lot. Topic can be closed

    in reply to: 2 different codes for separate texblocks #1446752

    It didn’t work. I only had a square picture.

    in reply to: Space to the left and right on mobile #1446736

    perfect! thank you!
    can I also change the align to the left only on mobile?

    in reply to: Special font on mobile not displayed correctly #1446711

    Was a mistake, works now. Can be closed

    in reply to: Price-Table #1446710

    Thank you, can be closed

    in reply to: Glitch on mobile #1442807

    Thank you so much for your effort!
    I’m very thankful So glad I chose enfold out of all available themes :)

    Topic can be closed

    in reply to: Additional button on cookie-consent-bar #1442701

    Thank you! Tat was an easy one ;)
    Can be closed

    Great, now I’m happy!
    Thanks a lot for your patience :)

    Topic can be closed

    in reply to: Cookie-Consent-Bar: Background color #1442699

    Awesome! Thank you!

    Topic can be closed

    in reply to: Cookie-Consent-Bar: Background color #1442607

    Sure, it’s on private content

    That worked!!
    Thanks a lot!

    Can I move the button to the left a bit?
    I tried it with:

    @media only screen and (max-width: 767px) {
    .home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
        bottom: 325px;
        left: 300px;
    }

    But that doesn’t work.

    no change :(

    Thanks, I guess I fixed my css by coping each code one by one back in.
    On Desktop everything looks good again.
    But the button on the mobile slider just won’t change.
    Here is my current full css.

    /* Header mobile */
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all #header {
        position: fixed;
      }
    }
    @media only screen and (max-width: 767px) {
    .responsive #header_main .container {
        height: 50px !important;
    }
    .responsive .logo a {
        vertical-align: top !important;
    }
    .responsive .logo img {
        max-height: 50px !important;
    }
    }
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu {
        top: -15px;
        height: 45px;
        left: auto;
        right: 0;
        display: block;
        position: absolute;
    }
    }
    @media only screen and (max-width: 500px) { 
    .responsive #top #wrap_all #main {
            padding-top: 50px !important;
        }
    }
    /* Farbe Nachrichtenversand */
    h3.avia-form-success{
     color:#99a502!important;	
    }
    /* Text mit Foto*/
    .avia_textblock p img {
    	  border-radius: 100%;
    	  box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
    }
    .avia_textblock img.alignleft {
      margin-right: 40px;
    margin-bottom: 20px;
    }
    @media only screen and (max-width: 767px) { 
    #hello .avia_textblock img {
    	width: 50%;
    }
    }
    /* ScrollDown Pfeil */
    #top .scroll-down-link {
    	color: #a47654;
    }
    /* Blog Leerzeile entfernen */
    .page-id-691 #after_section_2 {
      display: none; 
    }
    /* Blog Postdatum entfernen */
    .page-id-691 .av-masonry .av-masonry-date {
      display: none; 
    }
    /* SocialMedia Icons*/
    #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
        color: #fff;
        background-color: #c82161;
    }
    /* Icon Circle schneller*/
    .avia_start_animation .avia-icon-circles-inner {
      transition: all 0.2s cubic-bezier(0.175,0.885,0.320,1.275);
    }
    /* Desktop Menu*/
    @media only screen and (max-width: 2500px) {
      #top #header.av_header_transparency .av-main-nav > li.menu-item  {
          display: none!important;
      }
      #top #header.av_header_transparency .av-burger-menu-main {
          cursor: pointer;
          display: block!important;
      }
    }
    /* Header Button Desktop*/
    @media only screen and (max-width: 450px) { 
    .slideshow_inner_caption {
    	top: -40px;
    }
    }
    @media only screen and (min-width: 768px) { 
    #top .caption_bottom .slideshow_caption .slideshow_inner_caption {
        position: relative;
        text-align: center;
    }
    #top .slideshow_inner_caption .avia-slideshow-button.avia-button {
        width: 500px;
        height: 56px;
        font-size: 22px;
    }
    @media only screen and (min-width: 768px) { 
    .slideshow_inner_caption {
    	top: -125px;
    }
    }
    #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
        background-color: #a37652;
        color: white;
        border-radius: 10px;
    }
    #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover {
        background-color: #c79a52;
        color: white;
        border-radius: 15px;
    }
    /* Header Button Mobile*/
    @media only screen and (max-width: 767px) {
    .home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
        bottom: 250px;
    }
    .home .slideshow_inner_caption .avia-slideshow-button.avia-button {
        background-color: #a37652;
        color: white;
        border-radius: 10px;
    }
    }

    I’m just not looking through in my css anymore. I’m afraid to make it worse
    Can you please help me?

    /* Header mobile */
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all #header {
        position: fixed;
      }
    }
    @media only screen and (max-width: 767px) {
    .responsive #header_main .container {
        height: 50px !important;
    }
    .responsive .logo a {
        vertical-align: top !important;
    }
    .responsive .logo img {
        max-height: 50px !important;
    }
    }
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu {
        top: -15px;
        height: 45px;
        left: auto;
        right: 0;
        display: block;
        position: absolute;
    }
    }
    @media only screen and (max-width: 500px) { 
    .responsive #top #wrap_all #main {
            padding-top: 50px !important;
        }
    }
    /* Farbe Nachrichtenversand */
    h3.avia-form-success{
     color:#99a502!important;	
    }
    /* Text mit Foto*/
    .avia_textblock p img {
    	  border-radius: 100%;
    	  box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
    }
    .avia_textblock img.alignleft {
      margin-right: 40px;
    margin-bottom: 20px;
    }
    @media only screen and (max-width: 767px) { 
    #hello .avia_textblock img {
    	width: 50%;
    }
    }
    /* ScrollDown Pfeil */
    #top .scroll-down-link {
    	color: #a47654;
    }
    .html_header_transparency #top #main .caption_bottom .slideshow_caption {
        padding-top: 0;
    }
    }
    @media only screen and (max-width: 767px) { 
    	#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
        position: relative;
        text-align: center;
    }
    #top .slideshow_inner_caption .avia-slideshow-button.avia-button {
    	padding: 10px 6px;
    	font-size: 10px;
    }
    }
    .html_header_transparency #top #main .caption_bottom .slideshow_caption {
        padding-top: 0;
    }
    }
    /* SlideShow Button Desktop*/
    @media only screen and (min-width: 768px) { 
    #top .caption_bottom .slideshow_caption .slideshow_inner_caption {
        position: relative;
        text-align: center;
    }
    #top .slideshow_inner_caption .avia-slideshow-button.avia-button {
        width: 500px;
        height: 56px;
        font-size: 22px;
    }
    @media only screen and (min-width: 768px) { 
    .slideshow_inner_caption {
    	top: -125px;
    }
    }
    /* SlideShow Button Mobil */
    @media only screen and (max-width: 767px) {
    .home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
        bottom: 250px;
    }
    .home .slideshow_inner_caption .avia-slideshow-button.avia-button {
        background-color: #a37652;
        color: white;
        border-radius: 10px;
    }
    }
    /* SocialMedia Icons*/
    #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
        color: #fff;
        background-color: #c82161;
    }
    .page-id-691 .av-masonry .av-masonry-date {
      display: none; 
    }
    .avia_start_animation .avia-icon-circles-inner {
      transition: all 0.2s cubic-bezier(0.175,0.885,0.320,1.275);
    }
    @media only screen and (max-width: 2500px) {
      #top #header.av_header_transparency .av-main-nav > li.menu-item  {
          display: none!important;
      }
      #top #header.av_header_transparency .av-burger-menu-main {
          cursor: pointer;
          display: block!important;
      }
    }
    .page-id-691 #after_section_2 {
      display: none; 
    }

    Now I seem to have destroyed evertything.
    I’m just not seeing through in the css anymore and now the desktop version is destroyed and mobile doesn’t change.

    I’m frustrated

    My Header meu is destroyed as well.
    Can anyone help me to fix everything and to structure the css? I am lost

    • This reply was modified 7 months, 3 weeks ago by northorie.

    Hi,
    the screenshot of the mobile header with the button i would like to have is on private content. hope that helps.

    Best regards

    in reply to: Space between image and text #1441839

    Thank you, that helped :)
    Topic can be closed

    in reply to: Scroll-Down-Arrow #1441553

    Thank you, that’s perfect :)

    Can be closed

Viewing 30 posts - 31 through 60 (of 162 total)