Page Border and Black Title Bar - Acme Themes

Best Premium and Free WordPress Themes Forums Education Base Pro Page Border and Black Title Bar

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #16900
    justinsgreen
    Participant

    Hello!

    First off, I would like to say that education base is one of the best free themes I have come across. However, I still consider myself a newb and need some help changing what some might consider an easy fix:

    1. Each page has a very faint border around the content. Is there a way to remove this?

    2. Each page highlights the title with a large horizontal black bar. Is there a way to remove this and change the title font from white to black?

    3. How would I go about changing the menu text to all lowercase?

    Any input is greatly appreciated!

    #16904
    acmesupports
    Moderator

    Hello justinsgreen,
    Thank you so much for your nice feedback and thanks a lot for using our theme Education Base.
    Can you please provide the site url? We will check all those things on your site and provide you the best solutions.

    Regards

    #16905
    justinsgreen
    Participant

    Thank you for the quick response!

    The site url is: new.ocanxietycenter.com

    #16906
    acmesupports
    Moderator

    Please add the below css codes on Appearance > Customize > Additional CSS

    1.

    .post, .page {
        border: none !important;
    }

    2. Please add he header image from appearance > customize > header options > header image and check that section. That header image will appear on every pages.

    3. Try changing the Menu name from Appearance > Customize > Menu and change the menu level and try once.

    Let us know how it works.

    Regards
    Acme Supports

    #16953
    justinsgreen
    Participant

    Hello,

    Thank you for the feedback!

    Regarding #2, I actually do not want to use a header image. Is there a way to remove the black bar should I wish to not use a header image?

    #16962
    justinsgreen
    Participant

    Ok, so far I have been able to remove the border! Thank you for that!

    As for changing the menu to all lowercase, I was unable to do so successfully. Any other suggestions?

    Lastly, is there anyway to remove the black bar from the remainder of the pages on the site? I was able to remove it from the front page by checking “Hide From Page Header” under Appearance > Customize > Layout/Design Options > Front Page Content Options. I was unable to find a similar option for the remainder of the pages.

    #16965
    acmesupports
    Moderator

    2. To change the header section black color.

    .inner-main-title{
      background: #fff;
     }
    
    .inner-main-title .entry-title, .inner-main-title .page-title {
        color: #000 !important;
    }

    3. To change the menu in to lowercase.

    .main-navigation li {
        text-transform: lowercase;
    }

    Hope, the above provided CSS codes will help you to make the section as your need.

    Thank you

    #16967
    justinsgreen
    Participant

    Thank you so much! The CSS worked like a charm!

    Lastly, is there a similar code you can provide me with to change the menu font color to black and remove the black box that surrounds the dropdown menu items? I suppose I should have included this in my initial post but it just crossed my mind.

    Again, thank you so much for your help and quick responses! You have definitely earned a 5 star rating from me!

    #16968
    acmesupports
    Moderator
    ul#primary-menu>li >a {
        color: #000;
    }

    Please add this CSS.
    If you remove that the menu will not visible so that we can’t remove that black.

    Thank you

    #17003
    justinsgreen
    Participant

    hmmm… i tried copying and pasting that into the CSS in the same manner as I did with your above suggestions, but nothing changed with the menu; the black boxes are still there. Can you please provide more support with this? Is it possible there may be a typo? Or maybe I am missing something when copying/pasting?

    #17004
    acmesupports
    Moderator

    Can you please try this.

    #primary-menu>li >a {
        color: #000 !important;
    }

    Thank you

    #17013
    justinsgreen
    Participant

    Hello. I tried that CSS code as well. unfortunately, the black menu box is still there. 🙁

    Are there any other options you may have? Thank you again for your continued support!

    #17016
    acmesupports
    Moderator

    Are you talking about the black strip while we hover the menu? Is this the issues? If so, we can’t hide this because, if we hide that, the menu text will not visible because of background transparent. We can change that color but we can’t remove it completely.
    Hope you understand.

    Regards

    #17017
    justinsgreen
    Participant

    Understood. That being said, is there a way to change the black strip when you hover over menu to white, and then change the font to black so it’s visable?

    #17030
    acmesupports
    Moderator

    Please add the below css codes,

    .main-navigation ul ul {
        background: #fff !important;
    }
    .main-navigation ul ul a {
        color: #2d2d2d !important;
    }

    Regards

Viewing 15 posts - 1 through 15 (of 17 total)
  • You must be logged in to reply to this topic.