Tagged: , , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #201854

    Hello,

    I have been designing a blog and everything is working perfectly apart from when you click on the blog post and it goes to it’s single page.

    I will copy all the code down below and give you login details. I think the problem is we have replaced the logo with a large banner picture which is uploaded into the slideshow area. As this is a new post it doesn’t know to use the template created.

    You will see the problem when you click on Test Post.

    Would be great if you could please help :) I don’t want to send login details on this forum so if you have an email that would be great.

    Thanks,
    Amelia

    .logo.bg-logo {
    display: none;
    }

    .main-title {
    display: none;
    }

    .toggle_content {
    color: #50e7b5
    }

    #slideshow_big {
    position: relative;
    bottom: 161px;
    display: block;
    z-index: 99;
    }
    .main_color, .main_color .inner_slide {
    background-color: rgba(253, 232, 230, 0);
    }

    #top .main_menu {
    top: 200%;
    left: 15%;
    }
    #header{
    height: 0 !important;
    }
    #slideshow_big{
    bottom: 0 !important;
    }
    .page-id-11 .slideshow_container{
    margin-bottom: 50px !important;
    }
    .page-id-11 .sidebar.sidebar_right{
    margin-top: 150px !important;
    }
    .page-id-13 .slideshow_container{
    margin-bottom: 50px !important;
    }
    .page-id-13 .sidebar.sidebar_right{
    margin-top: 150px !important;
    }
    .page-id-15 .slideshow_container{
    margin-bottom: 50px !important;
    }
    .page-id-15 .sidebar.sidebar_right{
    margin-top: 150px !important;
    }

    .widget_wysija input[name="wysija[user][firstname]“] { border: none; border-bottom: 2px solid #727272; background: none; } .widget_wysija input[name="wysija[user][email]“]{ border: none; border-bottom: 2px solid #727272; background: none; }

    h3.widgettitle{ color: #50e7b5; font-size:24px; }

    .widget_wysija{ color: #d091bc; }

    .wysija-checkbox-paragraph{ color: #727272; text-transform: uppercase; } .wysija-submit, .wysija-submit-field{ width: 100%; }

    #201856
    This reply has been marked as private.
    #201894

    Hey!

    Could you please specify what is wrong with the single page? http://lovebabymama.com/test-post/

    Regards,
    Josue

    #201896

    Hi,

    It should have the banner at the top. Exactly the same as the home page.

    Thanks,

    Amelia

    • This reply was modified 8 months, 2 weeks ago by  ameliaamelia.
    #201909

    Hey!

    It doesn’t work for the post because the Slideshow is not included on the single post view. You used the Template Builder to create the homepage. Edit single.php, find this code:

    <div class='container_wrap main_color <?php avia_layout_class( 'main' ); ?> <?php avia_is_dark_bg('main_color'); ?>'>

    On top of it, add the slider code from the homepage:

    <div id="slideshow_big" class="main_color container_wrap light_bg_color"><div class="container"><div class="slideshow_container dynamic_element dynamic_el_1 stretch_full slide_container_big slideshow_mobile"> <ul class="slideshow fade_slider" data-autorotation="false" data-autorotation-timer="5" data-transition="fade" style="height: 380px;"> <li data-animation="random" class="featured featured_container1 caption_right caption_right_framed caption_framed " style="visibility: visible; opacity: 1; z-index: 3; -webkit-transition: none; transition: none;"> <div class="slideshow_media_wrap"><img src="http://lovebabymama.com/wp-content/uploads/2013/07/LoveBabyMama_Banner_Header_Main1.jpg" title="LoveBabyMama_Banner_Header_Main" alt="" data-imgw="1140" data-imgh="461" style="-webkit-perspective: 1000;"></div> </li> </ul></div></div></div>

    Regards,
    Ismael

    #201911

    That’s great thank you so much for your help. If you take another look at the page the slide just needs to be bumped up a little bit and the line of dots removed.

    Thanks :)

    #202056

    Hi!

    Please add following code to Quick CSS in Eunoia theme options under styling tab to remove dots

    .template-blog .entry-content, #top .side-container { background-image: none; }

    I am not sure if i understood what you would like to change on slider correctly :/ Can you elaborate?

    Regards,
    Yigit

    #202814

    Hi,

    Here are 2 screenshots that hopefully better explain what I need to get done.

    1. Remove dotted link that goes through the picture and bump all content up so it it flush with the green line at the top.

    2. In the sidebar area remove the line and make the space smaller?

    Thanks,

    Amelia

    http://img203.imageshack.us/img203/8306/ojpa.jpg

    http://imageshack.us/a/img189/5759/er7o.png

    #203090

    Hey!

    Please flush browsers cache and refresh your page a few times this is how it looks on my end http://i.imgur.com/ORjUHA8.jpg
    Please add following code to Quick CSS

    .widget { padding: 10px 0 10px 0; }
    .sidebar .main_color div { border-color: transparent; }

    Regards,
    Yigit

    #203159

    Hi, thanks for getting back to me. Your screen shot is of the homepage which is working fine it’s the blog pages that are not…

    http://lovebabymama.com/test-post/

    See how the slide is still down the page and there is a dotted line through it.

    Thanks,
    Amelia

    #203196

    Hi!

    Please use this to adjust the single post slider:

    .single #header #menu_container {
    background-image: none;
    }
    
    .single #slideshow_big {
    margin-top: -100px;
    }

    Use this to remove the sidebar border:

    .single .sidebar_bg {
    position: absolute;
    }

    Cheers!
    Ismael

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.