Hidden top panel "arrow" style change

This topic has 18 replies, 6 voices, and was last updated 8 years, 10 months ago ago by Stan Russell

  • Avatar: ctrimde
    ctrimde
    Participant
    April 30, 2015 at 10:54

    Hello,

    I would like to STYLE the arrow that points down (the handle) of the HIDDEN TOP PANEL area. Its grey and hardly visible. Ideally i would like to change its colour and make a STICKOUT lable , just like you have on this website for the NEWSLETTER (green) .

    Please help

    17 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    April 30, 2015 at 11:05

    Hello,

    You can change arrow color with this code. Please add it in custom.css file.

    .show-top-panel{
    color:green;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    Avatar: arastrelli
    arastrelli
    Participant
    May 6, 2015 at 19:00

    Hi,
    ok for the color but what’s about the label or anything else to highlight the arrow?

    Avatar: Eva
    Eva Kemp
    Support staff
    May 7, 2015 at 08:18

    Hello,

    Could you please show a screenshot how you’d like the “arrow” to be shown?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: arastrelli
    arastrelli
    Participant
    May 7, 2015 at 08:51

    I’d like that when the cursor is on the arrow, appears a label just like the function ALT in a link.
    Thks
    Best Regards

    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 7, 2015 at 09:16

    Hello,

    Sorry, but it’s not possible to do, because in this case arrow isn’t an image, it’s FontAwesome icon.

    Regards,
    Robert Hall.

    Avatar: ctrimde
    ctrimde
    Participant
    May 7, 2015 at 14:42

    Thank you for the responses,
    Can we enlarge the SIZE of the FONTAWSOME icon, as well as its BACKGROUND colour?

    Many thanks!

    Avatar: ctrimde
    ctrimde
    Participant
    May 7, 2015 at 14:46

    Also- I saw that there are many icons available in fontawsome…can i change the ICON to another ICON?

    Avatar: ctrimde
    ctrimde
    Participant
    May 7, 2015 at 14:48

    How do I change the BACKGROUND colour of the Hidden Top panel?

    Avatar: Brian Johnson
    Brian Johnson
    Member
    May 7, 2015 at 15:03

    Hello

    Please add following code into the custom.css:

    .side-block {background:red !important;}
    .close-side-area{background:green!important;}

    With best regards
    Brian Johnson

    Avatar: ctrimde
    ctrimde
    Participant
    May 13, 2015 at 21:56

    Thanks John, but this doe not affect the TOP HIDDEN- but the side hidden pannel- please advise…

    Avatar: stan
    Stan Russell
    Participant
    May 14, 2015 at 08:01

    Hello,

    please try this code:

    .top-panel {background:green}

    Regards,
    Stan Russell.

    Avatar: ctrimde
    ctrimde
    Participant
    May 24, 2015 at 14:46

    Great thank you that worked! Now how do I change:

    – the font colour in that area
    -instead of putting a solid colour in the back, put an image instead.

    Many thanks!

    Avatar: stan
    Stan Russell
    Participant
    May 25, 2015 at 07:26

    Hello,
    plase use following code to change font color for hidden top area:

    .top-panel.show-panel{color:red!important}
    .top-panel.show-panel .mymail-form .input {color:red}

    Our theme does not have feature to add background to this menu but you can try to achieve this using this code
    .top-panel.show-panel{background-image:url('image.png')}

    simply replace image.png with correct path to needed image.
    Read here for more details: http://www.w3schools.com/cssref/pr_background-image.asp

    Regards,
    Stan Russell.

    Avatar: ctrimde
    ctrimde
    Participant
    May 25, 2015 at 09:06

    Thank you so much Stan,

    this “nearly” worked…all text has now changed to the colour i wanted- However the TITLE (sign-up to our newsletter)- is still in WHITE- i have attached a screenshot in which i highlighted with a cursor the title- since otherwise it is invisible.
    Do you have a possible solution to this?

    http://lecity.org/wp-content/uploads/2015/05/Top-Hidden-pannel-problem.jpg

    Many many thanks!
    Claudia

    Please, contact administrator
    for this information.
    Avatar: stan
    Stan Russell
    Participant
    May 25, 2015 at 10:42

    Hello,

    Right now title for Newsletter is displayed in red color:

    Please clear your browser cache and check. If this does not help – let us know what browser you are using.

    Regards,
    Stan Russell.

    Avatar: ctrimde
    ctrimde
    Participant
    May 25, 2015 at 11:25

    Hello Stan, thanks- did you change it to that Colour?- or perhaps it changed when i made the sidebar widget h4 title RED…

    thanks it is OK now!

    Avatar: stan
    Stan Russell
    Participant
    May 25, 2015 at 12:32

    Hello,
    no we haven’t done anything more.

    Regards,
    Stan Russell.

  • Viewing 18 results - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.