Search Results for 'css'

Hi,

That would be possible with some CSS, for example with header style 10
– https://www.screencast.com/t/sCMVYnMn

.td-header-style-10 .td-header-sp-logo img {
float:left;
}

Thanks

Please use this css code in your theme panel under custom code-> custom css:

.td-post-category{
border-radius:5px;
}

Thanks

Hi,

What kind of ads are you using? There would be a CSS solution if those are not Adsense ads.

Hi,

Flex blocks have such a setting, they have many settings
– https://demo.tagdiv.com/newspaper/flex-block/

Example – https://www.screencast.com/t/7bqe4wgE

Or it could be done with CSS if flex blocks are not an option for you. In this case I would require a link to the page where you want to do this, and a mention of which elements should be affected.

Thanks

Hello,

The text color for the highlighted tab of the related articles section cna be changed using a css code like so:

.td_block_template_1 .td-related-title .td-cur-simple-item{
color:white;
}

You can add the code in the theme panel under custom code.

Thank you!

Hi,

So you want to left align the content of those text elements on mobile to the left? Edit the page with the tagDiv composer, select the mobile view-port, click on the respective elements and align the content to the left in the CSS tab
– https://www.screencast.com/t/WBzIYQx4bj
– https://www.screencast.com/t/mb57Jkigg5Y9

Thanks

Hello,

The code i provided only applies to the contact form and woocommerce products. and they still apply. Please check your custom css section of the theme panel as it seems the code is no longer present there. Please use the theme panel and do not place the css code directly in style.css as it will get overwritten when updating the theme.
The orioginal code was not created to target products such as here:
https://www.virtualmagie.com/categorie-produit/livres-de-magie-papier/
You can use this new code to also handle the products:

.single-product .product .summary .cart .button, .wpcf7-form input[type=submit], .woocommerce ul.products li.product .button {
border-radius:5px;
background-color: #f60;;
}
.single-product .product .summary .cart .button:hover{
background-color:#444!important
}
.wpcf7-form input[type=submit]:hover{
background-color:#444!important
}

As for the orange block at the end of posts, if i set the button to orange, you will not distinguish it any longer:
https://www.screencast.com/t/NdtU1vBL

Thanks

Hello Phil,

Do you have pasted the above code through your editor? Also, please notice that you want to achieve the same layout with the Voice Report you should install the demo (which has the specific stylesheet CSS code) in order to achieve the same results.

Thanks for the message!

Hi,

So you want to remove the values of the social counter?
– https://www.screencast.com/t/o2pVZstPW
I could give you a CSS solution if that is the case. Please provide a link to your website where the counter is displayed for a more accurate solution.

Thanks

Sorry but the theme does not have an optio nto chage the links inside woocommerce product description separately.
You can try to use this custom css code in the the theme panel under the custom code section:

.single-product .td-ss-main-content a{
text-transform:Uppercase;
color:#14867a;
font-weight:bold;
}

Thank you!

Hello,

Please use these guides to make the implementation properly:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/

Thank you!

Hi,

Try using the code below and place it in Theme panel -> Custom CSS area.

The code is ->

.td-category-description p{
font-style: initial;
}

Thanks.

You could design post templates with the composer and cloud library plugin
– https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
Create a post template with a background colors for the rows for example. This will not cause the boxed layout to be forced.

Or with CSS even – https://www.screencast.com/t/YJqVqSgL26q
This code will affect all posts, it can be made more precise if needed

.single article {
background-color: lightgrey;
}
.single article .td-container {
background-color: #fff;
padding-left: 48px;
padding-right: 48px;
}

Hello,

You cna try adding this custom css to your theme panel under custom code:

@media (max-width: 767px){
.td-wpml .menu-top-container {
width: 100%!important;
}
.top-header-menu{
display:flex!important;
}
.td-wpml .menu-top-container .wpml-ls-item.menu-item-has-children .sub-menu{
right: auto!important;
left: 0!important;
}
}
Thank you!

Hello chivinews,

You should create your own CSS code if you want to hide those elements. Use the Inspector browser -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

Hi,

What exactly is this code here – https://www.screencast.com/t/dmgmcxHNYKch
That code seems to be causing the background ad click issue. Removing it seems to make the link work.
Do you use any custom CSS like that? try and remove it and check what happens.

Thanks