Search Results for 'css'

Hi,

Google speed testing tool notifies you of the following css resources which where left on purpose at the top because moving them to the footer can cause issues with the theme: http://screencast.com/t/0P8jKYkdE6n

You can move them by adding the lines to the speed booster plugin:

$this->move_style_to_footer_queue('js_composer_front');
$this->move_style_to_footer_queue('td-theme');
$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto');

This image: http://screencast.com/t/DnvpT9bVf is one of your banners: http://www.4resumeformat.in/wp-content/uploads/2015/07/Resume-writing.png

Regarding the remaining ones: http://screencast.com/t/wFETdrYB3 those can be done manually regarding theme’s css or you can use compression tool which remove space and comments reducing their sizes. I can’t recommend you a tool or a plugin for that because we haven’t tested any and we do not recommend compressing resources but it can be done carefully so you can search solutions online and try to do it yourself.

Thanks for the message!

Hi,

Just edit the code like here: http://screencast.com/t/5rnWGav3 and use this CSS to adjust the look, add it in Theme Panel -> Custom CSS section

.td-login-wrap {
padding: 21px 21px 17px;
}
#login-form .mfp-close {
display: none;
}

result: http://screencast.com/t/FGr1ZSsZ

Hi,

Speed Booster is a plugin and it’s files are located in “../wordpress/wp-content/plugins/td-speed-booster” folder. – http://screencast.com/t/LphPjTsRSJlf
I guess you edited it’s main file and added a few lines to move the js and css for some specific plugins to the page bottom – http://screencast.com/t/tPv5YIT5zFes – You have to copy those lines inside the plugin latest version after you install it. Make sure you backup the current plugin before updating.

Thank you!

Hi,
Add the new social like here: http://screencast.com/t/dwYNnXFn0J

Then you need to add the CSS for the existing selector, in this case is: td-icon-test http://screencast.com/t/CiJ3YiNyW

Thanks!

Hi,

Try the following css: – http://screencast.com/t/TSVsv0KvF

.td_block_id_1546661785 .td_module_mx3 {
margin-bottom: 0px;
}
.td_block_id_1546661785 .block-title, .td_block_id_2005453741 .block-title{
margin-bottom: 10px;
}
.wpb_widgetised_column {
margin-bottom: 15px;
}

Play with the parameters until you get it as you like.
If you refer to something else please provide more details.

Thank you!

• This reply was modified 11 years by Emil G.

Hi,

I’ve checked the justify css and it works – http://screencast.com/t/rQB9Y7xY3no

.td-post-content p {
text-align: justify;
}

To center the images use the following css: – http://screencast.com/t/NgfbpNroY

.td_smart_list_1 .td-sml-description p img {
margin: 0 auto;
}

The image width is smaller that the container – http://screencast.com/t/2QRzRwtn6 – if you want images to occupy the entire width you have to add wider images.

If the css doesn’t work on your side please check the entire css added in the custom css area for errors, a missing element may break the css execution.

Thank you!

• This reply was modified 11 years by Emil G.

Hi,

The settings are saved in the database, when you switch to another theme wordpress just loads the settings saved for that theme.

@oronmati – that’s strange, the css shouldn’t get lost, if you have a backup use it to recover the lost css.

Thank you!

Hi,

1. That files contains the fonts used by the theme (icons used for socials), it’s called in the style.css file – http://screencast.com/t/Gd9OwQM4Or – you could try to remove the ?7 parameter which comes after it and see if it works.

2. You have to add a condition which checks if the current page is single – http://screencast.com/t/ZXT9aq1zWK

Thank you!

Hi,
Thanks for reporting this, we will fix this in the next update, until that you can fix it using this CSS, add it in Theme Panel -> Custom CSS section:

.header-search-wrap .td_module_wrap .td-post-category {
z-index: 2;
position: relative;
}

.header-search-wrap .td_module_wrap .td-post-category:after {
display: none;
}

Thanks for the message!

Hi,
Set a background color, a light gray or white from here: http://screencast.com/t/cXytYQTm9Y

Then use this CSS to add the shadow:
.td-boxed-layout #td-outer-wrap {
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

http://screencast.com/t/GMcPWwPdwTP

Hi,
Is not possible in page at middle to give a transparent background, because the container have a white background color, there need to make some grid css changes and customize only for what you have only on that page.

Do you mean to use a background image on you page like this: http://screencast.com/t/MdZmhIiEkoX

If you don’t use a background image on your site and want only a background image on a specified section this can be achieve with the visual composer without no modification of code, like here:
http://screencast.com/t/rBY9rAtXR

http://screencast.com/t/o1nzdY7oOnwc

Thanks for the message!

Hi,

I’ve checked your page and the css and js was moved at the page bottom – http://screencast.com/t/X7w4kAL9
On our demo we use the default settings and only a few plugins. On your side the difference is that you changed the default settings, this adds extra css at the page end and google may consider that the resources are not actually called after the content was rendered. You also use one or more extra plugins, one of them adds a lot of inline css in the page top section – http://screencast.com/t/xgsqcewD
Try to make some tests with the theme default plugins and see if there’s any difference.

Thank you!