Support » Fixing WordPress » Where to find the code that changed the css

  • Hello Gurus,

    It would be appreciated if anyone can help me sort it out the font size issue on my site:

    On the top middle, there is a contact section with an email and 2 phone numbers, their font size need to be adjusted to smaller.

    I am able to find out the css:
    @media (min-width: 768px)
    .head-contact-info li {
    font-size: 18px;

    However, it is not from the static style.css, but rather somehow generated. It’s no use if I change the style css

    Where is the place I need to modify?

    Thank you very much.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Keith


    The theme you are using is built with the popular Bootstrap framework.

    You should be able to modify CSS by adding it to your theme’s style.css file or adding it as custom CSS.

    Try adding this to your custom CSS panel:

    .head-contact-info li {
        font-size: 13px !important;

    there are quite a few css files: one of them is media-responsive.css

    In this css I see:
    @media only screen and (min-width: 480px) and (max-width: 600px) {

    .logo a{ font-size:35px; }

    .head-contact-info li { display: inline-block; }

    .enigma_project_section .caroufredsel_wrapper{ height: 450px !important; }

    .enigma_client_area .caroufredsel_wrapper{ height: 300px !important; }

    .enigma_project_detail_related_projet .caroufredsel_wrapper{ height: 450px !important; }

    .carousel-indicators{display:none; }


    @media only screen and (min-width: 200px) and (max-width: 480px) {

    .logo a{ font-size:25px; }

    .head-contact-info li { display: inline-block; }

    Can you elaborate on how the final css (in my initial post) is generated?

    Thank you very much.


    Beautiful, it works.

    Thanks to both of you for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Where to find the code that changed the css’ is closed to new replies.