Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #22099

    Hi,

    I have 3 questions.

    1) The info text ribbon in my client site maximizes each page. It’s really annoying. I’ve tried in all browsers. I need to be able to turn the auto load off (so it only expands if someone clicks on the i) OR Make it work like the demo site where it only loads once.

    2) How can I make the custom.css work in my child theme? Can I make footer.php also work in my child theme as I need to make changes and normally run the changes through style.css in a child theme but this is not working.

    3) The admin toolbar disappears when the site is being viewed. I’ve checked my user settings. Is this a known bug or are there any known plugins that conflict with your theme?

    Unfortunately, I can’t show you the site as it’s in lock-down for client until live. I can assure you that I’ve updated to the latest theme files (downloaded fresh today) from the theme forest site, am running the current version of WordPress and all my plugins are up to date.

    #114197

    Additionally, I really need to change the heading fonts globally, yet each page seems to have its own style override.

    What am I doing wrong? I’ve never had trouble working with child themes before.

    I also need to future protect the footer – I do not want a link to the theme developer on my site. And do not want to have to update this each time.

    Please tell me how I can get the child theme to work.

    Thanks.

    #114198

    I have fixed question 3) Admin Bar. It was a conflict with Maintenance plugin.

    1 & 2 still remain problematic.

    #114199

    Hi,

    1) You don’t need custom.css in your child theme because the child theme style.css will be used for your custom styles instead.

    2) To fix the banner issue – please open up wp-content/themes/angular/js/avia.js and replace:

    jQuery(document).ready(function(){

    with:

    jQuery(document).ready(function(){
    if(jQuery.cookie("Angular_avia_banner")){
    jQuery('#info_text_header').addClass('minimized');
    }

    #114200

    Thanks for your reply. Unfortunately, updating the JS didn’t work (I made the change, reuploaded the avia.js file and emptied the cache and deleted cookies on chrome, safari, firefox).

    Any other suggestions?

    #114201

    Hey!

    Can you post a link to your website please? The code works on my test server but maybe you renamed the theme or there’s another reason why it does not work.

    Best regards,

    Peter

    #114202

    Thanks Peter,

    Client has it in maintenance mode for now, I’ll post the URL when it goes live in the next day or 2.

    Your help is appreciated.

    #114203

    fishtankcreative.com.au is the URL.

    Thanks in advance

    #114204

    Hi PhaseCreative,

    I’m not sure if this is related but your child theme style.css file has some stray data in the import url line: http://fishtankcreative.com.au/wp/wp-content/themes/angular-child/style.css

    For the info pane, try updating the main theme files as there have been some bug fixes and updates in 1.6.5 that may help.

    Regards,

    Devin

    #114205

    Thanks Devin, the funky characters weren’t showing in dreamweaver but when I looked at it in text editor, Bingo. So that fixed the whole style.css issue. Brilliant.

    Back to the ribbon. I reinstalled the theme files in April. How many new releases have there been? Which files in particular should I update? This site is live now and client is finicky about down time so I need to be carefull. Any hints? I’m getting to the display: none point!

    #114206

    Hi,

    Latest version of Angular is 1.6.5.

    To fix the ribbon, open functions.php then find this code

    ######################################################################
    # /*creates the notification banner at the top of your website*/
    ######################################################################
    if(!function_exists('avia_banner'))
    {
    function avia_banner($padding = 0)
    {
    $extraClass = "minimized";
    $output = "";
    $cookieHash = "";
    $bannerText = avia_get_option('banner');
    $cookieName = THEMENAME.'_avia_banner';
    $bannerHash = md5($bannerText);
    $padding = $padding * 43;

    if(!trim($bannerText)) return;

    if( empty($_COOKIE[$cookieName])) $extraClass = "minimized firstcall";
    if(!empty($_COOKIE[$cookieName])) $cookieHash = $_COOKIE[$cookieName];
    if(!empty($_COOKIE[$cookieName]) && $bannerHash != $cookieHash) $extraClass = "maximized";

    $output .= "<div class='$extraClass info_text_header' id='info_text_header' data-hash='$bannerHash' data-cookiename='$cookieName'><div style='padding-right:".$padding."px;' class='infotext_wrap'>";
    $output .= "<div class='infotext'>$bannerText <a class='close_info_text rounded' href='#close'>".__('close','avia_framework')."</a></div>";

    $output .= "</div></div>";
    echo $output;
    }
    }

    Replace it with this

    ######################################################################
    # /*creates the notification banner at the top of your website*/
    ######################################################################
    if(!function_exists('avia_banner'))
    {
    function avia_banner($padding = 0)
    {
    $extraClass = "minimized";
    $output = "";
    $cookieHash = "";
    $bannerText = avia_get_option('banner');
    $cookieName = THEMENAME.'_avia_banner';
    $bannerHash = md5($bannerText);
    $padding = $padding * 43;

    if(!trim($bannerText)) return;

    if( empty($_COOKIE[$cookieName])) $extraClass = "maximized firstcall";
    if(!empty($_COOKIE[$cookieName])) $cookieHash = $_COOKIE[$cookieName];
    if(!empty($_COOKIE[$cookieName]) && $bannerHash != $cookieHash) $extraClass = "minimized";

    $output .= "<div class='$extraClass info_text_header' id='info_text_header' data-hash='$bannerHash' data-cookiename='$cookieName'><div style='padding-right:".$padding."px;' class='infotext_wrap'>";
    $output .= "<div class='infotext'>$bannerText <a class='close_info_text rounded' href='#close'>".__('close','avia_framework')."</a></div>";

    $output .= "</div></div>";
    echo $output;
    }
    }

    Regards,

    Ismael

    #114207

    Thankyou,

    I have actioned this code, but now, when the page opens, the blue ribbon is open by default and if you close it, it will be open again when you change the page.

    I’m so sorry to be a pest. I simply want this to work the way the demo does.

    that is, opens when you first view the site, and when you close it, it remains closed for the remainder of the viewing session.

    #114208

    Because of the child theme name the cookie will not work. please rename the theme to “AngularChild” and remove the whitespace. Then open up wp-content/themes/angular/js/avia.js and replace:

    jQuery(document).ready(function(){

    with:

    jQuery(document).ready(function(){
    if(jQuery.cookie("AngularChild_avia_banner")){
    jQuery('#info_text_header').addClass('minimized');
    }

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

The topic ‘Info text 'ribbon' at top of page + working with custom.css’ is closed to new replies.