Search Results for 'css'

Hello goldfish45,

If you want to set a different image for your each page, please notice that you will have to use a bit of CSS for this. Try the code below and for each page, you will replace the page ID, like this ->

.page-id-1191 .td-banner-wrap-full{
background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
}

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

Also, if you want to use the same image for all your pages, you can remove the page ID.

This is a basic example which you should follow if you want to bring that changes. You will have to implement it yourself and check the results. If you are not aware of the further steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Hello Federico909,

The child theme is only for PHP modifications and not from custom CSS. For your custom code, please notice that our theme has a special field for this, like this -> http://screencast.com/t/5nlrPZV8DJZp
For more information about child theme support, please consult here -> https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thanks for your understanding!

Hello,

Unfortuanately there are no settings for this element. It cannot be customized. You can remove one or the other with a css trick
For example id you want to hide pinterest you would use this code:
.td-social-pinterest{
display:none!important;
}
You can add the code in the theme panel->custom css box.

Thank you!

Hello,
That is a big no,no with the custom css. We do not suggest altering the theme width .lots of elements will not position properly once you change the theme width. Our theme was built with a fixed width in mind and all elements depend on the fixed width .please try not to change the default theme width as you will create more problems than you expect.
Thank you!

Hi,
It seems you will need to add a bit of padding for safari only. here is how you can create a detect for safari:
http://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome
Thanks.

Hello,

I assume you are referring to the top space on the homepage. Please try this code:
.home .td-main-page-wrap{
padding-top:2px!important;
}
You cna add the code in the theme panel->custom css box.

Thank you!

Hi,

Please remove all your css regarding the menus and just use this code:

.td-header-style-5 .td-header-menu-wrap .sf-menu > .menu-item-11805 > a{
color:yellow;
}
.td-header-style-5 .td-header-menu-wrap .sf-menu > .menu-item-11807 > a{
color:yellow;
}
.td-header-wrap .black-menu .sf-menu > .current-menu-item > a{
color:white;
}

In the code simply switch the menu item numbers to correspond to your menu item classes. You can see the menu item number if you use the browser inspector: http://screencast.com/t/STExSf01

Thank you!

Hello bigbangmd,

You will have to use a bit of CSS code for this. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-main-menu {
background: transparent;
}

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

Thanks.

Hello,

Well did you try the code Andrei posted? Add the code in the theme panel-> custom css box and make sure all your previous code you may have in there has the proper closing tags.
The code provided works.
before: http://screencast.com/t/JWqgqYpOVV
after: http://screencast.com/t/6QWl0ctJ3LCO

Thank you!

Hello,

I’m not sure where the issue comes from as we cannot recreate it on our end. There is a left margin added to the images that you can remove with this code:
.td-post-content .alignnone{
margin:0!important;
}
Add the code in the theme panel->custom css box

Thank you!

Hello bustedflushltd,

Unfortunately, our theme does not have any tested plugins that allow you to create a table, sorry! We have no idea about the theme behavior with this type of plugin and we cannot say for sure if it will work or not as properly with the theme, sorry! Also, please notice that we cannot provide custom work and support for untested plugins, sorry! You should try to find another plugin which works with the theme, or also, please notice that if you want to add some tables in your theme, you can use the HTML to add them in your backend, using the HTML ROW. As more references in this regard, you can consult some tables generator like this -> http://www.tablesgenerator.com/html_tables for this implementation.
So, if you want to hide some elements in tablets and mobile mode, you can use the @media queries which allow you to target the width of these devices and with a bit of CSS you can hide it in this regard. For more references about this rule, please consult here -> http://www.w3schools.com/css/css_rwd_mediaqueries.asp
If you want to make some customizations in site and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thank you for your understanding!