I've got some CSS that I can't find which is in et-divi-customizer-global-cached-inline-style, its not in the custom CSS in Divi and I can't find it in the database.
I haven't added any custom css files
Looking for suggestions as to where else it might be located
Thanks in advance
Don't have a solution yet, but I have the same problem.
I think it is generated CSS with the customizer settings. Which then is outputted in the head see output example
The css is part of <style id="et-divi-customizer-global-cached-inline-styles">
Related
I have a template from Codecanyon and it contains compiled SCSS file which I tried to update but it doesn't work. I tried to use CSS to update the section in which the style of the SCSS is affecting but it won't work. I cleared cookies but nothing still. Even the CSS !important doesn't seem to affect the code. Please how can I get this to work?
I also tried to recompile the SCSS code but nothing seem to work
The issue has been resolved, all I did was to change the class name of the element I want to update and add my preferred CSS styling to it. I will appreciate it if anyone can provide a more suitable solution thanks.
I want adding for #adminmenu div.wp-menu-image - adding margin, but I do not know where would get the chance (one css file). Anyone who knows where to add, please help and thanks in advance!
Usually the theme's main css file is located in the folder of the theme. You can add your css there or edit the existing css. The path is almost always wp-content/themes/your-theme-name/style.css
I had a question on how to find out which part of your code needs changing to adjust this "display:none !important" functionality which prevents the website to be responsive on mobile. When going under 767px content simply disappears and that condition triggers.
If I change it to "display:inline !important" that works but I've only done it in-browser and I can't find where to change it in the source files. Is there any methodology on finding this out? I've even used grep on all the files in the theme looking for keywords but I don't know where else to look. Also tried adding the changed code into the "Additional CSS" menu however with no success either.
The question is:
Is there any methodology to finding this [where the CSS lives] out?
You want to know the methodology to find the CSS. Let's walk through how I did it.
Step 1
The inspector gives you the location of the styles. Using your images, I marked the locations with the red boxes:
Notice that the style in question is located in (index):557. Where is that? It's not an external stylesheet, as with the style.css example. Rather, it's been added directly into the <head> and wrapped in <style>.
Using Dev Tools, look in the <head> of the DOM (in the HTML markup). You'll find it there.
Step 2:
Where do you find it? The method that I use is to look at the style declarations first in the <head>. Are there any comments to give you clues?
Next, I look at the actual style attributes. In this case, it's .tm_pb_builder. That is giving you a clue to the component that builds the CSS.
I did a Google search for that class attribute, like this: wordpress tm_pb_builder. That took me to GitHub and the Power Builder plugin from TemplateMonster.
Step 3
Now you know that the plugin Power Builder is the one responsible for adding that style into the <head>. You can then take a look at the respective page and explore how this page is built with this page builder.
That's my methodology.
You can add display:inline !important in the style.css of your child-theme, but it will only works if the plugin css file loads before it.
If the theme's css loads before plugin css, you can create a new css style and enqueue it at the very last end of the style enqueue.
add_action('wp_enqueue_scripts', 'se_41042975', 999);
function se_41042975(){
wp_enqueue_style('css-plugin-override', get_stylesheet_directory_uri(); ?>/css/custom_css.css');
}
Hope it helps!
I've made an global css that I used in two page (basic search and advance search page). I use it in advance search page, and the css script is running well. But when I move to basic search page (by click a link), the css not working. I used firebug to see what happen, and then I found that the css script is strike-through.
How can I solve it,.?
That basically means that your CSS property is being overriden by another CSS.
See where that property is defined, and you'll probably need to fix the order of the CSS inclusion on your web-page.
If you want to override the css from here means, all you have to do is set !important to your css.
like input.range{ width:73px !important}
Hope it will help you.
The width: 73px;rule is overridden. As you see the input.range is defined in cramp.css. Above you should find a rule that overrides it.
So I put the ie7 conditional comment in my head tag directly underneath the comment to pull up the original style.css file:
Then I made a css file called ie7.css made a few changes in the css...
Checked IE7 to look at the site http://www.sgconstruction.org and no changes were visible...
I have no idea why it's not making any changes. Any help would be greatly appreciated. Thank you!
You have multiple calls to stylesheet links. After your IE7 conditional, the main style sheet (themes/SG/style.css) is called again, making your conditional stylesheet pointless (at it's current location).
For people who come late, I think this is a better, more up to date way to go about targeting specific versions of IE: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/