Hexa Corp Custom CSS File?

azzaya

Quick question. Where do I find the custom.css file to override some css code? I typically find that file under the template > css folder but I do not see it in there. I tried creating a custom.css file and added what I wanted to change, but it's not picking up the changes. Any thoughts/ideas? Please advise 🙂

Nader

saguaros

Hi Nader,

That file is correct, I guess there is something wrong with the css rule.

Could you share the credentials of your site and tell me the changes you made so I can help?

azzaya

saguaros Hi there. Thanks for replying.

I created a custom.css file and dropped it in the template css folder. I used the inspector tool on the chrome browser to locate the style and simply tried to change the color. That's it, but nothing would take. Here is the code I copied from the inspector tool and simply changed the hex#.

@charset "utf-8";
/ CSS Document /

#s5_nav li.active, #s5_top_bar, a.readon, a.pager, button, .button, .pagenav a, .s5_ls_readmore, .readmore a:hover, .module_round_box.highlight1, .jdGallery .carousel .carouselInner .thumbnail.active, .item-page .dropdown-menu li > a:hover, .s5_pricetable_column.recommended .s5_title, .ac-container input:checked + label, .ac-container input:checked + label:hover, .ac-container2 input:checked + label, .ac-container2 input:checked + label:hover, #s5_responsive_mobile_sidebar_login_bottom button, #s5_responsive_mobile_sidebar_register_bottom button, .s5_accordion_menu h3:hover, .s5_accordion_menu h3.s5_am_open, .s5_tab_show_slide_button_active, #s5_pos_custom_5, #s5_pos_custom_7, .icon_hover, .s5_masonry_active, .edit a.btn {
background: #44b6de !important;
}

#s5_scrolltopvar:hover, #s5_nav li.mainMenuParentBtnFocused, #s5_nav li.mainMenuParentBtn:hover, #subMenusContainer div ul {
background: #44b6de !important;
}

.S5_submenu_item:hover, .S5_grouped_child_item .S5_submenu_item:hover, .S5_submenu_item.active, .S5_grouped_child_item .S5_submenu_item.active {
background: #000000 !important;
}

saguaros

azzaya Could you share your site's credentials so I can have a closer look and check for you?

azzaya

saguaros Should I create a ticket? I don't want to provide site creds on a public forum. Apologies, as I do not post much and not sure of the protocol here. Let me know if I should create a ticket and provide site creds.

Thanks,
Nader

saguaros

Hi Nader,

You can simply edit Fields in this topic and fill the info there, only Moderators can see this info.

Regards

azzaya

saguaros Thanks. I added the fields for the admin console. Let me know if you need more information.

saguaros

Hi azzaya

It relates to the css rule only, as I can see that you're using exactly the same classes - the default classes in template for custom css file.

For example, you should use:

#s5_menu_wrap #s5_nav li.active { /*your_custom_style_goes_here*/}

instead of:

#s5_nav li.active { /*your_custom_style_goes_here*/}

so it can override the default style of template.

azzaya

Hi saguaros

I see. Thanks so much! It's working now.

Nader