Search Results for 'css'

Hi,

Not sure about it as I’m not aware of your changes. This could be caused by a delay on loading page’s js/css resources. I see you use the tagdiv speed booster plugin which might cause this you could try to disable it and test again or alter theme’s default js/css. I advise you to get in touch with a developer or a freelancer to help you with this as we cannot provide customization services at the moment.

Thanks for the message!

Hi,

To see if this causing the issue, please switch to the main theme, clear cache and see if the issue persist. If you don’t have this issue anymore, you can copy the css code from style.css file and paste it in Theme Panel > Custom Css – http://screencast.com/t/dxWMY8bqH Then make a backup of your child theme files and update it.
The custom css from panel should work even if you switch to the child theme.

Thanks!

Hi,

The post content settings for blockquotes will not work on woocommerce single products and the theme doesn’t have an option for this. The qoutes will keep the default css.
You can change this using custom css in Theme Panel > Custom Css – http://screencast.com/t/ikwOBZh0qnX

.woocommerce #tab-description blockquote p {
font-family: Cookie;
font-size: 32px;
line-height: 30px;
text-transform: none;
color: #2b003f;
}

Thanks!

Hi BeautyGeek,

Please open a new tread when you have some questions or need guidance concerning the theme. Thanks!

The theme doesn’t have any option to disable widgets on mobile screens however you can do it using custom css, target widgets using widget’s specific class or id and media queries, like this: http://screencast.com/t/Dkkz8prDkD

This is the css code I’ve used:

@media (max-width: 767px) {
.td_block_id_1775388033 {
display: none;
}
}

To hide the more article box use this css code in theme panel > custom css section:

@media (max-width: 767px) {
.td-more-articles-box {
display: none;
}
}

Thanks for the message!

Hi,

I’m not sure if this is what you mean. By default the logo on header style 1 has some margin and padding – http://screencast.com/t/5T7wgrYtW
If you want to customize it, you can do it via custom css in Theme Panel > Custom Css – http://screencast.com/t/bBJGLtg7LjSf

.td-header-style-1 .td-header-sp-logo {
margin: 28px 28px 9px 0px;
padding-left: 0 !important;
}

Thanks!

Hi,

You can comment these filter options in the code – http://screencast.com/t/t3xYYRRYQ but please note that this change it will apply on all category templates.
If you want to do this only when you use template 5, you can hide them via custom css in Theme Panel > Custom Css – http://screencast.com/t/ybNbEMmk

.td_category_template_5 .td-pulldown-filter-list li:nth-child(2), .td_category_template_5 .td-pulldown-filter-list li:nth-child(5) {
display: none;
}

Thanks!

Hi,

Just add the code in Theme Panel > Custom Css and set your color – http://screencast.com/t/WYbvmGNU

Thanks!

Hi,

Do you refer to the site background color? Unfortunately the theme doesn’t allow gradient color, it can be used only hex or rgba color. You can try to add it manually in style.css file – http://screencast.com/t/Q9sDTUbe3 – http://screencast.com/t/59Dv18lI – http://screencast.com/t/hmyBuiSRX

Thanks!

Hi,

You can try this custom css in Theme Panel > Custom Css – http://screencast.com/t/8coT6afZl

@media(max-width: 767px) {
.td-header-bg {
display: none !important;
}
}

Thanks!

Hi,

The header style 4 has boxed menu, you need to set the menu transparency if you want the background image also on menu http://screencast.com/t/NsRB6sPol – http://screencast.com/t/7oIcu75lL9M
And use this custom css in Theme Panel > Custom Css:

.td-header-style-4 {
background: white url('http://imgscenter.com/images/2014/09/13/Beauty-of-nature-random-4884759-1280-800.jpg') no-repeat;
background-size:cover;
}

Thanks!

• This reply was modified 10 years by Alin [tagDiv].

Hi,

The theme doesn’t have such a header style, you can achieve this only with custom modifications to a header template or you can try to use a full logo header style – http://screencast.com/t/syHryQiixTj and full image for logo – http://screencast.com/t/g9pNJ9Y9Z9UU
If you you want this only for pages you can add a background image to the row using Visual Composer settings and create something similar like the travel demo – http://demo.tagdiv.com/newspaper_travel/ – http://screencast.com/t/msgwHI0oB and customize it – http://screencast.com/t/ueYDvf2ic also you can add an extra class to the row and use custom css.

Thanks!

Hi,

What theme version do you use? Please note that the above custom css is for version 4 of the theme and may not work.
Do you want to change the border color for active items and when you hover it? – http://screencast.com/t/noFw3p2DBX

.sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after {
background-color: #FF0000 !important;
}

Thanks!

Hi,

@Junior you have to update also the child theme to the version 6, anyway the old customization(version 4) will not work in the new version. Also you can use Theme Panel > Custom Css so you will not lose css customization.
Newspaper 6 should be regarded as a new theme, the code was rewritten and also the child theme is more complete now(from 6.3 version) – https://forum.tagdiv.com/the-child-theme-support-tutorial/

Thanks!

• This reply was modified 10 years by Alin [tagDiv].

Hi,

1. I’m not sure what you mean – http://screencast.com/t/2yMI0sz5GhB You can provide a link so I can take a look.
2. I have checked this on my side and no blue background appears – http://screencast.com/t/bq58rmhs Do you use speed booster plugin? It may cause an issue like this because it moves the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default color appears first then changes, because of the cascading property of css. A solution is to change the color directly into css stylesheet file.
3. Replace your code with this custom css – http://screencast.com/t/qCFe4hxeU4t

.sf-menu .td-normal-menu li:hover > a {
padding-left: 20px;
background-color: none;
border-left: 2px solid #0072bc;
transition: padding .3s ease-in-out;
border-left: 2px solid #0072bc;
}

4. The submenu doesn’t have a fixed width, it count the length of the items – http://screencast.com/t/gMQ6eFVzos A solution will be to add a min-width, but also you need to change the position – http://screencast.com/t/s81lAXTd
The icon has an absolute position you can also adjust it if you want – http://screencast.com/t/Xtfm2KEXj

5. This is the thumb size used by template 3. Like you can see it is used on more templates and also on smart lists. You can add a new thumb size in td_config.php – http://screencast.com/t/AY145YSX and the use it for template 3 – http://screencast.com/t/eWWuLpdAP Please regenerate your thumbs if you make some changes – https://forum.tagdiv.com/using-the-theme-with-existing-content/

Thanks!