Search Results for 'css'

Hello pstgibson,

If you want to target only the desktop viewport you should use a media queries for this width. To achieve this, please place the above code in that area from Advanced Custom CSS code here -> https://www.screencast.com/t/MuUJe9O3c

Thanks for the message!

Hi,

Those are font icons, they are predefined in the theme
– https://www.screencast.com/t/Fr9gXo9EArWb
If you want to customize them you could do it with CSS. Like changing the font-size for example, or adding a color
– https://www.screencast.com/t/1M9AdVTw9OX

.td-social-pinterest .td-icon-pinterest {
font-size: 20px;
color: yellow;
}

Thanks

Hi,

There is an option to set custom classes for the available text elements
– https://www.screencast.com/t/NylXzVWjyxo
You can then create your custom design based on the class set there. Custom CSS entered in the them panel will be saved in the database. It will not be lost when the theme is updated.

Thanks

Hi,

If the mobile theme plugin is active, try a code like this to remove that text
– https://www.screencast.com/t/8oAnEBkDA

.td-footer-description span {
display: none;
}

The code must be entered in Theme panel->Mobile theme->Custom CSS section.

Thanks

Hi,

Each demo has custom design, that is one of the design choices for the demo. It would depend where you want to make this customization, in some cases it could not work properly. The style is not available as a block header, it is made with CSS.
This section of code is responsible
– https://www.screencast.com/t/xJgciKdGg6r
– https://www.screencast.com/t/u96hgAwLabml
Try it with the default block template selected

.block-title {
text-align: center;
border: none;
margin-bottom: 25px;
}
.block-title span {
background: transparent;
color: #222;
border-width: 1px;
border-style: solid;
border-color: #ff9bd2;
padding: 10px 0 8px 0;
width: 100%;
}

This is the base code, it will apply to all block titles. Make modifications to it how you like.

Thanks

Hello pstgibson,

Try to use the following code and place it in Theme panel -> Custom CSS area.

The code is ->

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left;
width: 18%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 2%;
position: relative;
clear:none;
}

The result is here -> https://www.screencast.com/t/wSqowVvo

Thanks for the message!

Hi,

So you want to prevent the dragging of the logo image, from what I understand. There are some solutions in this topic
– https://stackoverflow.com/questions/7439042/css-js-to-prevent-dragging-of-ghost-image
Try the CSS method maybe – https://www.screencast.com/t/pbXpV0aFz

.td-header-sp-logo img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}

Thanks

Hello maga0000,

It seems to be a little change in our theme, regarding on theme’s js. Please notice that at the moment, the theme uses the tagdiv_theme.min.js file and in the past, the file used by the theme was tagdiv_theme.js. So, you have two possibilities to make these changes. The first one would be to change the file used by the theme from tagdiv_theme.min.js to tagdiv_theme.js and this change can be done from here -> https://www.screencast.com/t/6spI2VZU and the second one would be to minify the tagdiv_theme.js with such online minification tool and replace it with the theme min js file. (overwrite it). So, if you are using the Cloudflare you should purge all the files because the CSS and Js files are cached. So, after you have made these changes at the theme’s core files you should use the following custom CSS and place it in Theme panel > Custom CSS area.

The code is ->

.td-category-siblings .td-category {
height: auto !important;
}
.td-category-siblings .td-subcat-dropdown {
display: none;
}

Hope this helps and let us know how it goes!

Thanks for the message!

Hi,

You could hide the grid with CSS, only for mobile. Something like this, in the Advanced CSS section of the theme panel
– https://www.screencast.com/t/q8ooShGqbE

.td_block_big_grid_3 {
display: none;
}

Thanks

Hi,

If those special posts would be included in a particular category, this would be possible with a simple CSS code. For example I don’t want display the author name and author box for posts in the “Gadgets” category. This would be the simplest solution to remove the author name an author box
– https://www.screencast.com/t/4YBv3eHGSbW
– https://www.screencast.com/t/tQRV2CsKis85
This is the code used in the example, replace the category name with the one in your case and make some tests to see if it works properly.

.single .category-gadgets .td-post-author-name,
.single .category-gadgets .author-box-wrap {
display:none;
}

Thanks

Hi,

I believe the Woocommerce files can be customized through a child theme. Copy the Woocommerce folder from the main theme, in the child theme folder. Then customize the file shown and comment or remove the line of code mentioned. Make tests and see if everything works properly.
Or maybe use this CSS in the child theme, check if it works proeprly

.archive.woocommerce-page .woocommerce-result-count,
.archive.woocommerce-page .woocommerce-ordering,
.archive.woocommerce-page ul.products,
.archive.woocommerce-page .page-nav {
display: none;
}

Thanks

Hi,

It is misleading because you mentioned rows in 2 replies and the main title of this post so I figured rows is what you are after not columns.

Unfortunately there is no simple solution for increasing the column count. Rows can be easily changed but columns are much more complicated. You will have to hire a freelancer to help out as all of the css will have to be rewritten and it takes quite a bit of time and effort to do . Unfortunately we do not have a customization department. We try to help out where we can but we cannot offer any custom work, sorry

Thank you for your understanding.