Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • June 2, 2014 at 2:58 am #273070
    Kevin

    Hello Support,

    http://shelliv.bydecosta.com/

    What can we do to be able to have the Image text “Draw Outside The LInes” and the pink color bar as well be part of the header.

    Hope you can help.

    Thanks,
    MP

    June 2, 2014 at 10:21 pm #273534
    Yigit

    Hey kpundyk!

    Please go to Enfold/includes folder and open helper-main-menu.php file and find

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', $addition, 'strong', true);

    and add your image right below it as following

    echo "<div class='header-image'><img src='linktoyourimage' /></div>";

    Best regards,
    Yigit

    June 3, 2014 at 7:14 pm #274088
    Kevin

    Right but how can I add the image and the pink bar to be part of the header.
    If I can do that then that would be perfect.

    Thanks,
    MP

    June 3, 2014 at 7:55 pm #274140
    Kevin

    Alright now can I use the shortcode that is on the page which is the image text and the color line on the header area under helper-main-menu.php.

    If I can copy the code over to the php file I think it would work but please let me know.

    [av_section color='main_color' custom_bg='' src='' attachment='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='' padding='no-padding' shadow='no-shadow' id='']
    [av_textblock ]
    img-DrawOutsideTheLines
    [/av_textblock]
    [/av_section]

    [av_section color='main_color' custom_bg='#dc2d68' src='' attachment='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='' padding='no-padding' shadow='no-border-styling' id=''][/av_section]

    June 4, 2014 at 1:20 pm #274475
    Kevin

    Hello Support,

    Haven’t heard from you and was wondering how I can add the “av_section color” to the header as well.

    Thanks,
    MP

    June 4, 2014 at 6:39 pm #274636
    Josue

    Hi!

    You can use do_shortcode to include a [shortcode] inside PHP:
    http://codex.wordpress.org/Function_Reference/do_shortcode

    Best regards,
    Josue

    June 4, 2014 at 9:04 pm #274739
    Kevin

    Hello Josue,

    Please let me know if this would be correct way to add it to the “helper-main-menu.php”

    echo do_shortcode(‘[av_section color='main_color' custom_bg='#dc2d68' src='' attachment='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='' padding='no-padding' shadow='no-border-styling' id=''][/av_section]‘);

    When I tried its it wouldn’t work.

    Please let me know what I could do.

    Thanks,
    MP

    June 4, 2014 at 9:43 pm #274748
    Josue

    That should work, you are missing the text block + the image in the code.

    Cheers!
    Josue

    June 4, 2014 at 10:13 pm #274766
    Kevin

    Sorry Josue I’m not getting it.

    Currently on the helper-main-menu.php I have the following:
    echo avia_logo(AVIA_BASE_URL.’images/layout/logo.png’, $addition, ‘strong’, true);
    echo “<div class=’site-description’></div>”;

    To add the do_shortcode for the color section to be added what would be the correct code info that I would need. I can provide you the WP-ADMIN login and password access to the site and this will be done right away :).

    Thanks again for your help.
    MP

    June 4, 2014 at 10:38 pm #274799
    Kevin
    This reply has been marked as private.
    June 5, 2014 at 6:20 am #274951
    Ismael

    Hey!

    Thank you for the access.

    Regretfully, the login details are incorrect. Please check. The do_shortcode function is not working because you’re using apostrophe instead of quotation marks. Please use this:

    echo do_shortcode("[av_section color='main_color' custom_bg='#dc2d68' src='' attachment='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='' padding='no-padding' shadow='no-border-styling' id=''][/av_section]");

    Regards,
    Ismael

    June 5, 2014 at 6:46 am #274959
    Kevin

    Thanks Ismael,

    I added the code to the helper-main-menu.php but now the header looks messy. check it out: http://shelliv.bydecosta.com

    Also I reset the password for the account and now you should be able to login.

    Thanks for your help.
    Marcelo

    June 5, 2014 at 8:25 pm #275287
    Kevin

    Hello Support,

    I had to remove the code you provided from the header because I did updates to the site so we can show the client which she is loving it.

    http://shelliv.bydecosta.com

    Just wanted to check if you were able to still help me out with the header section if we can make the section color be part of the header. I know one way is adding the css eg: av_section-1 which works great on all the pages but we need that to work on the single blog posts as well.

    Hope to hear from you soon. We have other celebrity sites like http://www.thejacksons.com that would love to move set them up on this theme.

    Thanks,
    MP

    June 6, 2014 at 3:36 am #275420
    Ismael

    Hey!

    Thank you for the update.

    I think adding a color section on the header will break the layout of the site. Please try to edit helper-main-menu.php, find this code on line 141:

    <!-- end container_wrap-->

    At the bottom, add this:

    <div class="header_bottom">Draw Outside The Lines</div>

    Edit Quick CSS then add this css code:

    div.header_bottom {
background: #dc2d68;
display: block;
width: 100%;
height: 30px;
z-index: 1000;
position: relative;
text-align: center;
padding-top: 5px;
color: white;
text-transform: uppercase;
font-size: 20px;
}

    Regards,
    Ismael

    June 6, 2014 at 5:41 am #275451
    Kevin

    Awesome this is exactly how we want it to work.

    Thanks again for all the help from yourself and the Kriesi Support Team.

    MP

    June 6, 2014 at 5:44 am #275452
    Kevin

    Hello again,

    One thing I noticed is when you view the site on the iphone, there are 2 bars showing up.

    Hope you can help.
    Thanks,
    MP

    June 6, 2014 at 6:09 am #275457
    Kevin

    Hello Ismel,

    So on the regular Computer Browsers, all pages are looking great and on the single posts the only issue is that the Title of the post is behind the Ping bar. eg: http://shelliv.bydecosta.com/peanut-meets-the-pigtailed-firefighter/

    Regarding the iphone I do see the double bars on the header and also the Image title “DRAW OUTSIDE THE LINES” is behind the second pink bar on the header.

    On the iphone, the “Advanced Layerslider” is pushed down a bit.

    Thanks again for the top notch support.
    MP

    June 6, 2014 at 6:56 am #275465
    Kevin

    Hello Ismael,

    I think I got everything in control just went through the custom css.

    I think we can close the conversation and thanks again for all the help.

    MP

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Anchor "Drow Otuside The Lines" and color bar to the header’ is closed to new replies.