• Hello,

    My site has a title sponsor’s name hardcoded right beneath the banner: 丹丘财富 (in yellow), I inspect with development tool and found the css for it is not from style.css but indeed generated somewhere.

    Can anyone tell me how do I trace back to the code that generates the css (font size 50px)? I need to make it smaller and maybe other style change.

    Thank you very much.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The code injected inline <style>...</style> at almost bottom of the html before the closing </body> tag.

    Since the code target .logo a, we know that it should be from theme setting.

    
    @media (min-width:768px){
    	.logo a{
    		font-size : 50px !important;
    	}
    }
    

    The best bet is to look for logo section in theme setting and correct it there.

    Thread Starter mdivk

    (@mdivk)

    Thank you Paul, unfortunately the setting for logo seems to be 100px in height and I don’t see the font size for it.

    Where can I find out how the code is injected? I am used to the static style.css, really need to catch up with dynamic css

    Thanks.

    To determine how the code is injected, we need to look into theme functions. From the frontend we can only know where the code located and what’s in it.

    Since the code is .logo a it should be from theme settings, but it has this !important which indicates it might be from user putting in. So try look around, maybe it’s from Custom (Additional) CSS section where user puts in extra CSS, and theme function combines all the CSS into one block and injected into bottom most before closing </body> tag.

    If theme settings are not it, try go look in the page that’s set as front page and dive into the box or section that contains the text in question. Theme with some kind of page builder plugin also takes additional CSS right there.

    Thread Starter mdivk

    (@mdivk)

    Thank you, how do I determine where are the functions then?

    Thread Starter mdivk

    (@mdivk)

    I really need to find out how this theme is dividing the header section into the current two sections, I need to add a marquee section for announcement area.

    I see with Firebug the following divs:
    class=”col-md-6 col-sm-12 wl_rtl”
    class=”col-md-6 col-sm-12″

    It looks like defining the sections, don’t know where are they generated.

    Any clue is sincerely appreciated. Thanks in advance.

    Hi again, I might be wrong but I am quite certain those class names are typical of theme built with some kind of page builder plugin which a lot of commercial themes come bundled with.

    My previous post is my best answer for this situation. There is no other way to inspect it from my end. Please refer to theme documentation, or ask directly to theme support.

    Thread Starter mdivk

    (@mdivk)

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Where is the css generated and how to change it’ is closed to new replies.