Header height and widget color change - by shivas-irons

This topic has 28 replies, 5 voices, and was last updated 8 years, 1 months ago ago by Eva Kemp

  • Avatar: shivas-irons
    shivas-irons
    Participant
    October 21, 2016 at 22:32

    Hi I made a short video showing my situation and needs.

    https://www.dropbox.com/s/482d85bqhb76sw1/sitechanges.mov?dl=0

    Please, contact administrator
    for this information.
    27 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 22, 2016 at 07:57

    Hello,

    Please add this code in custom css

    .navbar {
        padding: 0;
    }
    .widget_nav_menu .menu li a:hover {
        color: #000 !important;
    }

    Regards,
    Robert Hall

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 23, 2016 at 01:19

    Thanks that helped with two of the issues yet still the others need help with:

    https://www.dropbox.com/s/pqegr7h72b2m4hr/adjustmentstowidget.mov?dl=0

    I talk you through the others on the video

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 23, 2016 at 19:40

    Hi, any update on the other issues? I appreciate your help

    Avatar: Eva
    Eva Kemp
    Support staff
    October 24, 2016 at 09:00

    Hello,

    Your credentials are incorrect. Please check them.
    To change background color for sidebar use this code:

    .sidebar-right {
       background: rgba(189, 164, 134, 0.79);
    }

    and to change links color:

    .sidebar-right .menu > li > a {
        color: black !important;
    }
    .sidebar-right .menu > li > a:hover {
        color: white !important;
    }

    As for the footer please provide correct credentials.

    Regards,
    Eva Kemp.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 24, 2016 at 17:20

    I added the code as suggested but no change.

    https://www.dropbox.com/s/yietfs1j8qmufef/footerand%20nav.mp4?dl=0

    You mention the footer code but I do not have the proper credentials. I do not know where the custom .css file is located via ftp, I only use the Theme Options Global CSS section to add code. I show in video.

    Thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    October 24, 2016 at 17:36

    Hello,

    Pay attention to the code you inserted in Global Custom CSS section. The arrows are shown as code &gt in this part .sidebar-right .menu &gt li &gt a, edit the code in your Custom CSS and replace it with >. Also I asked you to provide correct credentials to wp-admin panel to check the footer.

    Regards,
    Eva Kemp.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 24, 2016 at 23:01

    Thank you. I was not aware you needed the cpanel info. I have provided it in the private section. Please not the site is inside a folder called “valley.” It is a subdomain.

    I was unable to edit the code to work. It appears proper to my eyes but I must be editing it incorrectly as the sidebar appears the same after my changes.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 25, 2016 at 08:13

    Hello,

    We don’t need cpanel info. We asked you to provide correct login data to WP Dashboard as we couldn’t log in with the ones you gave in the first post.

    Best regards,
    Jack Richardson.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 25, 2016 at 16:35

    I see the issue! Ok, sorry and thanks for your continued help, Proper details are provided now.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 25, 2016 at 18:47

    Hello,

    To change grey background in the footer you need edit the code that you added in your style.css file in the child theme:

    .footer-top.footer-top-2 {
        background: #eee;
    }

    As for the blockquote in the footer, it’s added in static block “foot1 left”. To remove it you can delete the widget in Appearance > Widgets > “Footer 2” area.

    Regards,
    Eva Kemp.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 25, 2016 at 22:42

    I was unable to see any change after editing the footer code. I did remove the static block and that is good but can’t seem to change the footer color. Also, the sidebar widget/menu is still grey and the font is still light grey. I don’t know how to make the font Black and the background color the same as the header.

    Someone else made all the code adjustments to the child theme so I am new to this.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 25, 2016 at 23:01

    I see my sidebar menu is called services-sidebar so that’s what I need to change. Do I need to make code for this?

    Avatar: Eva
    Eva Kemp
    Support staff
    October 26, 2016 at 08:55

    Hello,

    Please give us access to files editor in Appearance > Editor, as now we can’t see this option in your WP Dashboard.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 26, 2016 at 11:05

    Ok, I have enabled the Editor for you. It is available now.

    Avatar: Eva
    Eva Kemp
    Support staff
    October 26, 2016 at 15:48

    Hello,

    I’ve added this code in Global Custom CSS:

    .sidebar-right {
       background-color: rgba(189, 164, 134, 0.79) !important;
    }
    
    .footer-top.footer-top-2 {
    background-color: #cab79f !important;
    }

    Clear browser cache and check the page now.

    Regards,
    Eva Kemp.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 26, 2016 at 17:41

    Looks great thank you. Can you tell me how I change the text color of the entire site? It is currently grey and i’ll like it to be black. I have te code for chaging the blog post text color but not sure how to change the body content text color.

    How do I center the navigation on the top nav. I have the code for centering the collapsing nav bar and it’s working good.

    Thanks for your help the site is looking good now 🙂

    Avatar: Eva
    Eva Kemp
    Support staff
    October 26, 2016 at 18:28

    Hello,

    I’ve added classes body, p to the code in Global Custom CSS:

    .menu >  li >  a {
    color: black !important;
    }

    Please check site font color now.
    Also I’ve added this css code to center the menu:

    .header-type-1 .tbs {
        width: 74%;
    }

    Regards,
    Eva Kemp.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 26, 2016 at 19:14

    awesome. I now have control of these changes. yet somehow after changing the header and sidebar color I have lost all text on the website. I can’t see the issue in the code. Can you see what caused the text to disappear?

    You’ve been very good with your help and I do appreciate it!

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 27, 2016 at 06:14

    I have the text back on my site. Yet I can’t see the code that controls the font color of the body copy. Can you send the code needed for changing the font color of the body copy of each page.

    Thank you!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 27, 2016 at 07:21

    Hello,

    Please show us the link of your page where you have the problem.

    Regards,
    Rose Tyler.

    Avatar: Eva
    Eva Kemp
    Support staff
    October 27, 2016 at 07:48

    Hello,

    Use this css code:

    body, p {
      color: black !important;
    }

    Regards,
    Eva Kemp.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 27, 2016 at 19:02

    Awesome help. Thanks. The very last request (seriously 🙂 ) what is the code to change the Visited link color? In both the nav menu and the sidebar menu. I have the link color and hover color now just want to control the visited link color and I’m all set.

    Avatar: Eva
    Eva Kemp
    Support staff
    October 27, 2016 at 19:34

    Hello,

    Please use this css code:

    .menu > li.current-menu-item > a {
      color: black !important;
    }
    .menu > li.current-menu-item > a:hover {
      color: red !important;
    }

    Regards,
    Eva Kemp.

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 27, 2016 at 21:19

    You’ve been very helpful thank you so much! Ok, one last thing and I won’t bug you anymore:

    https://www.dropbox.com/s/hhzf4in2d1h9aef/floating%20nav%20width.mp4?dl=0

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 28, 2016 at 07:23

    Hello,

    Please try to add this code in Global Custom CSS.

    .fixed-header-area {
        left: 0;
        right: 0;
        max-width: 1200px;
        margin: auto;
    }

    Regards,
    Robert Hall

    Avatar: shivas-irons
    shivas-irons
    Participant
    October 28, 2016 at 18:04

    Perfect! Thank you for all your help all is good!

    Avatar: Eva
    Eva Kemp
    Support staff
    October 28, 2016 at 19:14

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘header height and widget color change’' has been successfully resolved, and the topic is now closed for further responses

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