QUESTIONS

Discussion in 'Appointway WordPress Theme' started by bizgirl, Mar 9, 2018.

  1. bizgirl

    bizgirl Member

    Joined:
    Feb 4, 2013
    Messages:
    145
    Likes Received:
    7
    Hi there,

    I have a couple of queries:

    Could you please tell me how to change the colour of the
    1. Lines in between the Menu boxes. I would like to change them to silver
    2. How to change the colour of the dropdown menu boxes
    3. I would like to have the menu text hover colour and the menu text colour the same ie white
    4. How to change the text colour in the Footers under the headings to be white for both.
    5. How to change the colour of the mini footer ie where have © 2017 Keziahs Readings. All rights reserved
    6. How to change the colour of the READ MORE boxes and the font colour as well.
    2. I have deleted the phone image in the header. How do I remove the phone number in the header so there is nothing showing? When I delete the number it reverts back to the theme message. I have tried some of the tips but they havent worked.

    Many thanks, Maggie
     
    Last edited: Mar 9, 2018
  2. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hello Maggie,

    Greetings from InkThemes,

    To change the color of Menu boxes line, just paste the code given below in Custom CSS section.
    (Dashboard->Inkthemes->Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    #menu .ddsmoothmenu li {
        border-right: 1px solid #C0C0C0;
    }
    Please use the below-given CSS code:

    Code:
    #menu .ddsmoothmenu li li {
        border-bottom: 1px solid #C0C0C0;
    }
    For the text color:
    Code:
    #menu .ddsmoothmenu li a {
        color: #ffffff;
    }
    
    #menu li a:hover {
        color: #ffffff;
    }
    
    #menu .ddsmoothmenu li li a:hover {
        color: #ffffff;
    }
    Footer heading color:
    Code:
    .footer span {
        color: white !important;
    }
    Footer Copyright text color:
    Code:
    .bottom_footer_container .copyrightinfo p {
        color: #d8d8d8;
    }
    For Read More buttons:
    Code:
    .featurebox .featurebox_desc a.readmore {
        background-color: #848484;
        color: #FFFFFF;
        box-shadow: 0 3px 0 #5d5d5d;
    }
    To remove contact information:
    Code:
    .call-us {
        display: none;
    }
    I hope these will help,

    Do let me know if you need further assistance.

    I will be glad to assist you.

    Regards,
    Akbar
    InkThemes.com
     
  3. bizgirl

    bizgirl Member

    Joined:
    Feb 4, 2013
    Messages:
    145
    Likes Received:
    7
    Thank you so much Akbar. I have made most of the changes and they worked!
    I am very grateful to you.

    There are still a couple of things so have included an image for you to make it easier.

    MENU BAR
    1. In the Menu bar the HOME page text is in a light pink which is virtually unreadable.
      I need to change this to white. I did add the hover colour change but it didnt seem to work.
    FOOTER

    1. In the footer - change the text colour (as denoted by the arrow) to white,
    2. CENTER the headings in the footer ie INSTAGRAM & CONTACT ME, and
    3. change the text font size to make it smaller (e.g. text under the INSTAGRAM image)
    4. How to change the colour of the mini footer ie where have © 2017 Keziahs Readings. All rights reserved.
    It is purple and I want to change to a different colour

    The site is www.keziahsreadings.com so you can view.

    Cheers,

    Maggie

    [​IMG]
     
  4. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hello,

    Thanks for getting back to us,

    For the Menu Bar:

    Code:
    #menu .ddsmoothmenu li.current_page_item a, #menu .ddsmoothmenu li.current_page_ancestor a {
        color: #ffffff;
    }
    #menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected {
        color:#ffffff;
    }
    Footer:

    Code:
    .footer_container .footer div, .footer_container .footer li {
        color: #ffffff;
    }
    Code:
    .footer_widget span {
        text-align: center;
    }
    Code:
    .footer_widget center {
        font-size: 15px;
    }
    Code:
    .bottom_footer_container .copyrightinfo p {
        color: #ffffff;
    }
    I hope these will help.

    Do let me know if you need further assistance.

    I will be glad to assist you.

    Regards,
    Akbar
    InkThemes.com
     
  5. bizgirl

    bizgirl Member

    Joined:
    Feb 4, 2013
    Messages:
    145
    Likes Received:
    7
    Hello again Akbar..

    Thanks so much for your prompt reply and all the help you have given me .
    • The font change worked beautifully in the footer image below, but for some reason did not change in the CONTACT ME section in the 4th Widget. What would be the reason for that and how can I fix?
    • With regard to the bottom footer where the copyright info is , I want to change the actual BACKGROUND of the footer (not the text colour)
      eg I would like the background to be a dark blue instead of the bright purple .
    • Is there also some code to change the colour of the line under the widget headings from purple to white.
    Thanks again for all your patience and assistance.

    Kind regards

    Maggie

    [​IMG]
     
  6. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hello,

    Thanks for getting back to us,

    It is because both tags are different, Please use the below-mentioned CSS code:
    Code:
    .footer_container .footer p {
        color: #ffffff;
    }
    Sorry for the inconvenience, please use the below CSS code:

    Code:
    .bottom_footer_container {
        background: #8d8c8e;
        border-top: 1px solid #8d8c8e;
    }
    Check the below-mentioned CSS codes:
    Code:
    .footer_container .footer .footer_widget .sidebar-widget span {
        border-bottom: 2px solid #ffffff;
    }
    Hope you find it helpful.

    Do let me know if you need further assistance.

    I will be glad to assist you.

    Regards,
    Akbar
    InkThemes.com
     
  7. bizgirl

    bizgirl Member

    Joined:
    Feb 4, 2013
    Messages:
    145
    Likes Received:
    7
    Thank you Akbar... you are the best.

    Love Inkthemes Support!!!
     
  8. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49

Share This Page