Search Results for 'css'

Finally I found why cause this display …
I have an extension which minimy css and seem to be not compatible with newspaper theme

When I updated to the new theme version, and as well the latest WP, half the sites was not working. Ultimate Addons created a mess as well. 1/4 rows moved to 1/1 rows and so on…

I solved it by DEACTIVATING TD composer, reinstalling newest VC and had to do some margin corrections in VC CSS block, and all is running again…

Jan

I just figured out where the conflict is happening with Gravity Forms and Newspaper… which may also be in the same place for Newsmag!

Using Google Chrome Developer tools, I was able to trace back the error to the td_wp_booster_functions.php file where there’s some code for “css for wp-admin / backend”. It’s just this CSS code that seems to be causing the issue because I tried commenting out the javascript section and it didn’t help.

When I commented out the lines 382-399 and uploaded the file to the server, I was able to use all the tools on the Gravity Form pages which I wasn’t able to before. Of course now that I have done this, the Newspaper settings pages are not styled correctly and are completely non-functional.

Which wp-admin pages does this CSS script need to load besides the Newspaper/Newsmag admin pages = Welcome, Plugins, Install Demos, Support, System Status, and Theme Panel? Is it needed on post type edit screens? Is there a way to modify the code below to make it work on the required pages and not load on other plugin settings?

add_action('admin_enqueue_scripts', 'load_wp_admin_css');
function load_wp_admin_css() {
//load the panel font in wp-admin
$td_protocol = is_ssl() ? 'https' : 'http';
wp_enqueue_style('google-font-ubuntu', $td_protocol . '://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic'); //used on content
if (TD_DEPLOY_MODE == 'dev') {
wp_enqueue_style('td-wp-admin-td-panel-2', td_global::$get_template_directory_uri . '/td_less_style.css.php?part=wp-admin.css', false, TD_THEME_VERSION, 'all' );
} else {
wp_enqueue_style('td-wp-admin-td-panel-2', td_global::$get_template_directory_uri . '/includes/wp_booster/wp-admin/css/wp-admin.css', false, TD_THEME_VERSION, 'all' );
}

// load the media library - necessary for block widgets with image params
wp_enqueue_media();
}

Thanks,

Jerrad

That fixed ‘er right up … I guess too many single malts are responsible for overlooking the demo css sheet – gulp!

Thanks….

OK, so to counter the gzip and leverage browser caching probs I added codes to the htaccess file. Everytime I add that the themes breaks. Please check the website readandfix.com

Can you tell me where am I going wrong?

The codes are following

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg “access plus 1 year”
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType text/css “access plus 1 month”
ExpiresByType application/pdf “access plus 1 month”
ExpiresByType text/x-javascript “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access plus 1 month”
ExpiresByType image/x-icon “access plus 1 year”
ExpiresDefault “access plus 2 days”
</IfModule>
## EXPIRES CACHING ##

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

To access the block settings while using the tagDiv Composer plugin you’ll just have to click on the block area and the block settings window will automatically appear in the tagDiv composer panel on the left. For better accessibility the settings are divided into sections (tabs) like General, Filter, Ajax, Extra or Css.

May I know where is the block area? Which page is this on?

Thanks.

While I’ll have to re-edit the style.css if I changed demo themes, I did finally track down a hack.

I had to add a background color at the end of the class below. I added (background-color: #fef6e9;) to match the old fashion theme. I’d prefer a correct solution, if you have time….

input[type=text],
input[type=url],
input[type=tel],
input[type=email] {
font-size: 12px;
line-height: 21px;
color: #444;
border: 1px solid #e1e1e1;
width: 100%;
max-width: 100%;
height: 34px;
padding: 3px 9px;
/* responsive portrait phone */
}