Enigma

  • Hi, I was able to change most of the default blue color on this theme already thanks to another thread but there are a few instances of it I would like to customize to my liking still.

    1. The menu bar default static blue color (before hovering over) on the menu items
    2. The arrow inside the box on the bottom of the website for turning pages (I figured out the box border but not the actual arrow color)
    3. The “Coming up” box when you click inside the menu bar pages that’s on the right side

    I’m still early on in development of the site so please excuse the random colors and other work to be done. Having a little trouble finding the exact css to change so if you could provide a snippet I’d appreciate it.

    Thanks!

    My site: https://brendenhorn.us/

Viewing 5 replies - 1 through 5 (of 5 total)

  • @brenvy, you can esily modify those areas. The trickiest item to modify is the widget area depending on what you would like to modify on that.

    1. The menu bar default static blue color (before hovering over) on the menu items

    Please take a look at this portion of the style sheet in regards to 1. 

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu .active a {
	background-color: #31A3DD;
}

    In regards to #2’s arrow color, please see below. 

    .enigma_carousel-prev i, .enigma_carousel-next i {
    color: #31A3DD;
}</em>

    In regards to #3’s Coming up box, you can very likely edit it using the widget modification area. If that does not work, please post any more information regarding what you would like to do to the box.

    Thread Starter brenvy

    (@brenvy)

    Okay, so #2 worked, thank you very much!

    #1 did not. I just want to change the static color of the rectangle box on the selected menu item. When you hover over it the color is green and when it is selected it is blue. I want to change the blue. Hopefully that makes sense.

    Looked into the widget areas and didn’t see any customization options for color. I already changed the border color to red on the “Coming up” box, now I just want to change the color of the background the “Coming up” text is on.

    Thanks!

    @brenvy, I was able to modify the color on the active page button using the code I mentioned above. The css is in the default.css area. This is at the top of the style sheet from what I can tell. 

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.dropdown-menu .active a {
	background-color: #31A3DD;
}

    The sidebar widget title code is as follows (default.css):

    .enigma_sidebar_widget_title {
    background: #31A3DD;
}

    Hope that works for you.

    Thread Starter brenvy

    (@brenvy)

    Ahh yes, #3 worked, thank you!

    Still having some trouble with #1. I believe it’s not the active I’m trying to change the color of but rather the blue color when not hovering.

    @brenvy, glad #3 worked out. I wonder why #1 did not work for you. Active, in this style sheet’s case, is the active page the visitor is viewing. If you would like, I can perform the change. Just shoot me an message on this site.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Enigma’ is closed to new replies.