Search Results for 'css'

Hello BIBI,

1)The code H1 tag exists in the source code and if you hide it with CSS does not affect it for Google because the code runs in the back end.
3)If you want to change the structure of the permalinks, you should set it from WordPres->Permalinks, like this-> http://screencast.com/t/NtuDAFqwme As reference, you can consult this link -> https://codex.wordpress.org/Using_Permalinks Please notice that the permalinks are controlled by the SEO Yoast plugin…and you have control about it from the plugin, like this -> http://screencast.com/t/lolo6BUH
For more information about WordPress SEO URL/Permalinks considerations, please consult this link ->
https://yoast.com/wordpress-seo-url-permalink/ It should be more useful for you.

For your latest request, if you want to add the Google Adsense Ads in sidebar, you have to use Custom Ad 1,2,3,4… and then you have to add the Ad box in your sidebar, like this -> http://screencast.com/t/5c1M76Xpc2 -> http://screencast.com/t/JD0FqRPSJ

Hope this helps and let us know how it goes!

Thank you for the message!

Hello,

Modifying the width of the website is not a good idea as all the elements depend on the fixed width layout of the theme. If you bring the 2 columns together, then other elements may break. We do not recommend changing the width of the theme. If you truly need to change the width please do so on your own risk but keep the modification in mind if other css problems come up along the way. I cannot provide a solution for it as when you try to reduce the margins and padding, the layout already breaks. You will need to hire a freelancer to help you out on this one as it will be no easy task.

Thank you!

Hello,

You can use this custom css to customize the headers on a big grid 4:

.td_block_big_grid_4 .td-big-grid-meta .entry-title{
background-color:rgba(0, 0, 0, 1);
}
.td-big-grid-meta{
width:95.7%!important
}

Thanks.

Hello,

Unfortunately there is no easy solution i can provide for this. You will need to check if the post is featured and then add the background to it. You will have to add a condition in the theme files to pull it off.
You can use a condition that checks the category: https://codex.wordpress.org/Function_Reference/in_category and then use javascript to add a custom class to the title or the excerpt so you can target it with css. If you cannot do it you will have to get some hired help as we cannot offer any custom work at the moment.

Thank you!

Hello,
Sorry for that, there was a css part to the customization but it seems I forgot to provide it.
Please use this css to fix it:
.td-post-small-box span{
background-color: rgba(34, 34, 34, 0);
}
Thank you!

Hello Navneet,

If you want to remove/hide the CLOSE button from the mobile menu, it is necessary to use a bit of CSS for this. Please try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/Ve5ltWfxWJ8i

.td-mobile-close {
display:none;
}

The result -> http://screencast.com/t/9i7NvJmp

Hope this helps!

Thank you for the message!

Hello factoryitalia,

If you want to change the color of background-color on the hover effect, you have to try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/QkUtqgbm1ci

The code is ->

.woocommerce .product a.button:hover {
color:blue;
background-color:red;
}

The result you should see here -> http://screencast.com/t/Ux8Fg1BzzdN

And if you want to change the color of the arrows, please try the code below ->

.td-icon-menu-right:hover, .td-icon-menu-left:hover {
color:red;
}

Hope this helps and let us know how it goes!

If is not what you mean, please provide more details about what exactly do you want to change.

Thank you for the message!

Hello,
This is a normal behavior of the theme when you have more menu items that can fit inside a line.
Unfortunately you will have a lot to edit in order to get the mobile version of the website to the ipad portrait mode. There is no easy way to do this except edit the style.css and change all of the options from 767px to 1018px. Alternatively you could decrease the padding of the text using custom css:
@media (max-width: 1018px) and (min-width: 768px){
.sf-menu > li > a {
padding: 0 0px;
}
.sf-menu a.sf-with-ul{
padding-right: 16px;
}
}
But if you add one more menu item it will fall to another line again.

Thank you!

Hello factoryitalia,

If you want to change font-size, the color of the breadcrumbs, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/2Jrdu8vaYy

.entry-crumbs a {
color:red;
font-size: 20px;
}
.entry-crumbs {
color:red;
font-size: 20px;
}

The result -> http://screencast.com/t/4my67ZekDeo

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Hope that help!

Thank you for the message!

Hi,

1. All theme’s style files are already loaded in the head including these two font style files: http://screencast.com/t/5GC1v9HEpS You can check your site: http://screencast.com/t/DpDYcPQKw3ak

2. The second notification refers to this two indicated theme’s and VC css files which are loaded after the indicated/highlighted wp style tag: http://screencast.com/t/3QwpcK3nqIe which comes from WordPress.

Thanks for the message!

Hello Sr_Noodles,

If you want to have a text with the underline, you have to use a bit of CSS to achieve it. Please try the code below and add it in Theme panel->Custom CSS area.

.vc_custom_heading a:hover {
text-decoration:underline;
}

The result you should see here -> http://screencast.com/t/OVHh2nYqta

If is not what you mean, please provide more details about this so I will be able to provide a more accurate response.

Thank you for the message!