Search Results for 'css'

Hello,

I’ve been very frustrated in trying to format blockquotes within Newsmag.

https://www.schillingshow.com/2012/03/21/fraud-misfeasance-and-cover-up-special-prosecutor-investigates-charlottesville-spokesman-barrick/

Live CSS does not seem to fully work when editing blockquotes.

I’d like an easy way to align left, full width, change color, indent, line spacing, etc.

Can you please advise?

SR

Hello support team,

My website is https://www.noobietech.com . My site score is very poor on GTMetrix. Any suggestions on how can I improve it?

I am using the wp-rocket cache plugin and CloudFront CDN at the moment.

Currently, my .htaccess looks like:

`
# BEGIN WP Rocket v3.6.2.1
# Use UTF-8 encoding for anything served text/plain or text/html
AddDefaultCharset UTF-8
# Force UTF-8 for a number of file formats
<IfModule mod_mime.c>
AddCharset UTF-8 .atom .css .js .json .rss .vtt .xml
</IfModule>
# FileETag None is not enough for every server.
<IfModule mod_headers.c>
Header unset ETag
</IfModule>
# Since we’re sending far-future expires, we don’t need ETags for static content.
# developer.yahoo.com/performance/rules.html#etags
FileETag None
# Send CORS headers if browsers request them; enabled by default for images.
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
# mod_headers, y u no match by Content-Type?!
<FilesMatch “\.(cur|gif|png|jpe?g|svgz?|ico|webp)$”>
SetEnvIf Origin “:” IS_CORS
Header set Access-Control-Allow-Origin “*” env=IS_CORS
</FilesMatch>
</IfModule>
</IfModule>
# Allow access to web fonts from all domains.
<FilesMatch “\.(eot|otf|tt[cf]|woff2?)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>
<IfModule mod_alias.c>
<FilesMatch “\.(html|htm|rtf|rtx|txt|xsd|xsl|xml)$”>
<IfModule mod_headers.c>
Header set X-Powered-By “WP Rocket/3.6.2.1”
Header unset Pragma
Header append Cache-Control “public”
Header unset Last-Modified
</IfModule>
</FilesMatch>
<FilesMatch “\.(css|htc|js|asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|json|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip)$”>
<IfModule mod_headers.c>
Header unset Pragma
Header append Cache-Control “public”
</IfModule>
</FilesMatch>
</IfModule>
# Expires headers (for better cache control)
<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault “access plus 1 month”
# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest “access plus 0 seconds”
# Your document html
ExpiresByType text/html “access plus 0 seconds”
# Data
ExpiresByType text/xml “access plus 0 seconds”
ExpiresByType application/xml “access plus 0 seconds”
ExpiresByType application/json “access plus 0 seconds”
# Feed
ExpiresByType application/rss+xml “access plus 1 hour”
ExpiresByType application/atom+xml “access plus 1 hour”
# Favicon (cannot be renamed)
ExpiresByType image/x-icon “access plus 1 week”
# Media: images, video, audio
ExpiresByType image/gif “access plus 4 months”
ExpiresByType image/png “access plus 4 months”
ExpiresByType image/jpeg “access plus 4 months”
ExpiresByType image/webp “access plus 4 months”
ExpiresByType video/ogg “access plus 1 month”
ExpiresByType audio/ogg “access plus 1 month”
ExpiresByType video/mp4 “access plus 1 month”
ExpiresByType video/webm “access plus 1 month”
# HTC files (css3pie)
ExpiresByType text/x-component “access plus 1 month”
# Webfonts
ExpiresByType font/ttf “access plus 4 months”
ExpiresByType font/otf “access plus 4 months”
ExpiresByType font/woff “access plus 4 months”
ExpiresByType font/woff2 “access plus 4 months”
ExpiresByType image/svg+xml “access plus 1 month”
ExpiresByType application/vnd.ms-fontobject “access plus 1 month”
# CSS and JavaScript
ExpiresByType text/css “access plus 1 year”
ExpiresByType application/javascript “access plus 1 year”
</IfModule>
# Gzip compression
<IfModule mod_deflate.c>
# Active compression
SetOutputFilter DEFLATE
# Force deflate for mangled headers
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding “gzip,deflate” env=HAVE_Accept-Encoding
# Don’t compress images and other uncompressible content
SetEnvIfNoCase Request_URI \
\.(?:gif|jpe?g|png|rar|zip|exe|flv|mov|wma|mp3|avi|swf|mp?g|mp4|webm|webp|pdf)$ no-gzip dont-vary
</IfModule>
</IfModule>
# Compress all output labeled with one of the following MIME-types
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE application/atom+xml \
application/javascript \
application/json \
application/rss+xml \
application/vnd.ms-fontobject \
application/x-font-ttf \
application/xhtml+xml \
application/xml \
font/opentype \
image/svg+xml \
image/x-icon \
text/css \
text/html \
text/plain \
text/x-component \
text/xml
</IfModule>
<IfModule mod_headers.c>
Header append Vary: Accept-Encoding
</IfModule>
</IfModule>
# END WP Rocket
# BEGIN YOAST REDIRECTS
<IfModule mod_rewrite.c>
RewriteEngine On
Redirect 301 “/how-to-install-laravel-6-on-windows” “/how-to-install-laravel-on-windows”
Redirect 301 “/top-10-best-free-web-hosting” “/best-free-web-hosting-sites”
Redirect 410 “/tdb_templates/review-template-4-gaming”
</IfModule>
# END YOAST REDIRECTS
<FilesMatch “.(eot|otf|ttf|woff|woff2)”>
Header set Access-Control-Allow-Origin “*”
</FilesMatch>
#BEGIN GZIP COMPRESSION
<IfModule mod_deflate.c>
<filesMatch “\.(js|css|html|php)$”>
SetOutputFilter DEFLATE
</filesMatch>
</IfModule>
#END GZIP COMPRESSION
# BEGIN WordPress
# The directives (lines) between <code>BEGIN WordPressandEND WordPress` are
# dynamically generated, and should only be modified via WordPress filters.
# Any changes to the directives between these markers will be overwritten.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
# php — BEGIN cPanel-generated handler, do not edit
# Set the “ea-php73” package as the default “PHP” programming language.
<IfModule mime_module>
AddHandler application/x-httpd-ea-php73 .php .php7 .phtml
</IfModule>
# php — END cPanel-generated handler, do not edit
# Start CloudFlare:noobietech.com rewrite. Do not Edit
RewriteEngine On
RewriteCond %{HTTP_HOST} ^noobietech.com
RewriteRule ^(.*)$ https://www.%{HTTP_HOST}/$1 [R=301,L]
# End CloudFlare rewrite
`

and functions.php of child theme (I have added some stuff from the internet to make it faster.)

`

// Load Essential Fonts Awesome
add_filter( ‘noobietech_fontawesome_essentials’,’noobietech_fontawesome_essentials’ );
function noobietech_fontawesome_essentials()
{
return true;
}

// Removing Emojis
add_action( ‘init’, ‘noobietech_disable_wp_emojicons’ );
function noobietech_disable_wp_emojicons()
{
// all actions related to emojis
remove_action( ‘admin_print_styles’, ‘print_emoji_styles’ );
remove_action( ‘wp_head’, ‘print_emoji_detection_script’, 7 );
remove_action( ‘admin_print_scripts’, ‘print_emoji_detection_script’ );
remove_action( ‘wp_print_styles’, ‘print_emoji_styles’ );
remove_filter( ‘wp_mail’, ‘wp_staticize_emoji_for_email’ );
remove_filter( ‘the_content_feed’, ‘wp_staticize_emoji’ );
remove_filter( ‘comment_text_rss’, ‘wp_staticize_emoji’ );
}

// Remove WP embed script
function noobietech_stop_loading_wp_embed() {
if (!is_admin()) {
wp_deregister_script(‘wp-embed’);
}
}
add_action(‘init’, ‘noobietech_stop_loading_wp_embed’);

// Preload Newspaper fonts for responsive theme (main theme)
function dns_prefetch_responsive() {

echo “<link href=’https://www.noobietech.com/wp-content/themes/Newspaper/images/icons/newspaper.woff?17&#8242; rel=’preload’ as=’font’ type=’font/woff’ crossorigin>”;
}
add_action( ‘wp_head’, ‘dns_prefetch_responsive’, 0 );

`

With Newspaper Plugins & shortPixel SPAI plugin as the ONLY plugins turned on and all newspaper lazyloading DISABLED – this tag is still added to my CSS.

Additionally, the tag > data-spai=”1″ < doesn’t appear to be controlled by anything in the front-end of the site.

Question: What is this css-selector for? How can I turn it OFF for my header & footer images? It doesn’t appear to cause issues with other parts of the site & images being picked up by shortPixel.

Please let me know what data-spai=”1″ CSS is doing?
What can I do on the front-end to disable it for the header/footer?

Theme: Live Pro.

When data-spai=”1″ is removed from the CSS (Chrome/Firefox dev tools) the header logo and footer logos show up.

Thank you.

I have an issue where the transition wipe was turned off, and since yesterday started showing again.
Please see the image (https://i.imgur.com/jVLWQXY.jpg) to understand more.
At the moment – I have it turned of via CSS.
Could you please let me know how to turn off completely / via theme settings.
Divvie

Is there an option in the theme setting to remove this without CSS?
Image reference: https://prnt.sc/tn2l4h