Search Results for 'css'

Hello @ruzzolo

Add following code to Custom CSS field in theme panel.

/**Add border to top menu**/
.td-header-style-1 .td-header-top-menu-full {
border-top: 4px solid #009688;
}
/**Add border to main menu**/
.td-header-style-1 .td-header-menu-wrap-full {
border-bottom: 4px solid #009688;
}

The code will work for Header style 1
You can assign your style number if you using another header style to work with it.

Thank you for your understanding.

I tried expiry headers from my host https://www.siteground.com/kb/leverage-browser-caching/
but the same problem still exists. Also, I did delete the cache.
Here is the content of my .htaccess

Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTPS} !on [NC]
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.mysite.com/$1 [R=301,L]
RewriteCond %{HTTP_HOST} ^mysite.com [NC]
RewriteRule ^(.*)$ https://www.mysite.com/$1 [R=301,L]
#disable hotlinking of images with forbidden or custom image option
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?mysite.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

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

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>

# BEGIN WordPress
<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

AddHandler application/x-httpd-php70 .php .php5 .php4 .php3

RewriteEngine on
RewriteBase /
RewriteRule ^naturopathic/(.*) https://www.mysite.com/naturopathy/$1 [R=301,L]
RewriteRule ^physical-therapist/(.*) https://www.mysite.com/physical-therapy/$1 [R=301,L]

RewriteEngine on
Redirect 301 /physical-therapist https://www.mysite.com/physical-therapy
Redirect 301 /naturopathic https://www.mysite.com/naturopathy

I managed to fix it with some bad CSS.

.vc_pageable-slide-wrapper p {
margin: 0;
clear: both!important;
display: none;
}
.vc_grid-item p {
display: block!important;
}

This is a temporary fix for me. If you know how to remove those <p> please tell me, thanks.

I found a piece of the solution!
This happens because of 2 reasons :
.vc_grid.vc_row.vc_grid-gutter-30px {
margin-right: -30px;
}
(which I don’t know why this is happening)
So I added on custom CSS :
.vc_grid.vc_row.vc_grid-gutter-30px {
margin-right: 0!important;
}

AND
the <p></p> that is adding itself after each block.
I don’t know how to remove them. Do you know how?
Thanks

You have to use file-ID to move css or js

For JS files – $this->move_js_to_footer(‘FILE-ID’);
For CSS files –$this->move_style_to_footer_queue(‘FILE-ID’);

To get File-ID add following code on theme’s functions.php file

function td_inspect_scripts() { global $wp_scripts, $wp_styles; echo 'registered scripts<br>'; foreach ($wp_scripts->queue as $handle) { echo $handle . ' | ' . $wp_scripts->registered[$handle]->src . '<br>'; } echo 'registered styles<br>'; foreach ($wp_styles->queue as $handle) { echo $handle . ' | ' . $wp_styles->registered[$handle]->src . '<br>'; } } add_action( 'wp_print_scripts', 'td_inspect_scripts' );

Refer: 5.2 To get the list of registered css and js https://forum.tagdiv.com/how-to-make-the-site-faster/

Use following code instead:

# BEGIN Caching
<ifModule mod_headers.c>
<filesMatch "\\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>
<filesMatch "\\.(css)$">
Header set Cache-Control "max-age=604800, public"
</filesMatch>
<filesMatch "\\.(js)$">
Header set Cache-Control "max-age=216000, private"
</filesMatch>
<filesMatch "\\.(xml|txt)$">
Header set Cache-Control "max-age=216000, public, must-revalidate"
</filesMatch>
<filesMatch "\\.(html|htm|php)$">
Header set Cache-Control "max-age=1, private, must-revalidate"
</filesMatch>
</ifModule>
# END Caching

Hi Simion!

Thanks for your reply and help.
I think I didn’t explain properly, I try again.

Yes thos grid items have the float left property set because I edited the js_composer file.
Check that, now i put it right like it was before : https://i.imgur.com/veMkXoX.png
See the float:none?
It overwrites the float:left property.

So to “fix it” I edited js_composer.min.css and put /* float:none; */ on it.
But we all know that this won’t fix it forever.

I don’t find any relation between the font and this float property.
Can you help me on this plz? Thanks

PAGE: http://travision.uk/border-test/
2 pictures with class added – Border OK

POST
http://travision.uk/post-border/
You will see the border issue, I haven’t changed Media sizes in WordPress as it doesn’t make any difference.
I’m assuming it’s what we say in the UK ‘Finger Trouble’ as I am no expert!
I have added the custom css as you instructed.

Do I Email WordPress Admin to you, if so how?
Thank you Bogdan for you help