Search Results for 'css'

Hello,
Unfortunately, there is no option for that, it can be changed only using custom css, for this please use this custom css:
.td-icon-mobile:before {
content: '\e80e';
}
The code should be set in the theme panel > custom css> advance css > phone section.
I hope this will help you!

Hello,

It is not recommended to edit the files, because the js files are minified.
Please go to the theme panel -> block settings -> inline css and enable the option to minify the css and js and clear the cache.

Thank you!

Hello @perspektive!

Use 2 elements. The vertical one can be hidden in the mobile viewport, and the other one can be hidden in the desktop viewport. You can hide every element from the CSS tab: https://prnt.sc/1FJiMub9ke4s for each viewports: https://www.screencast.com/t/XDQJedlggSB
Try to uncheck this option: https://prnt.sc/vlXxydIeAc4P

Thank you!

Hello Rob!

1. Use the Social icons element.
2. For example, this is a menu with custom links. Set a link in a button or an inline text element: https://www.w3schools.com/tags/att_a_href.asp
3. Yes. You should create the menu in Dashboard -> Appearance -> Menus.
4. Try to use the Raw HTML, and style it via CSS.

Thank you!

Hi,

You are probably uploading the whole theme package. You have to upload only the theme zip file, not the whole package which contains other items
– https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
How to update the theme https://forum.tagdiv.com/how-to-update-the-theme-2/
Requirements for Newspaper => https://forum.tagdiv.com/requirements-for-newspaper/

Thank you!

Hello,

You need to use a custom code css https://www.anantvijaysoni.in/creating-a-2-column-responsive-form-with-contact-form-7-wordpress-plugin/
This is the code used for the form
.td-coaching-form {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
margin-left: -30px;
margin-right: -30px;
}
.td-coaching-form-left,
.td-coaching-form-right {
width: 50%;
padding: 0 30px;
}
@media (min-width: 768px) and (max-width: 1018px) {
.td-coaching-form-left,
.td-coaching-form-right {
padding: 0 15px;
}
.td-coaching-form {
margin-left: -15px;
margin-right: -15px;
}
.td-request-form textarea {
height: 168px !important;
min-height: 168px !important;
}
}
@media (max-width: 767px) {
.td-coaching-form {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.td-coaching-form-left,
.td-coaching-form-right {
width: 100%;
padding: 0 10px;
}
.td-coaching-form {
margin-left: 0px;
margin-right: 0px;
}
}
.td-request-form select {
font-size: 16px;
font-weight: 500;
margin-top: 12px;
padding: 13px 15px 12px;
width: 100%;
border: 3px solid var(--custom-accent-3);
}
.td-request-form textarea {
font-size: 16px;
font-weight: 500;
margin-top: 12px;
height: 176px;
min-height: 176px;
padding: 13px 15px;
border: 3px solid var(--custom-accent-3);
}
.td-request-form input[type=text],
.td-request-form input[type=url],
.td-request-form input[type=tel],
.td-request-form input[type=email] {
margin-top: 12px;
font-size: 16px;
font-weight: 500;
height: 54px;
padding: 0 15px;
border: 3px solid var(--custom-accent-3);
}
.td-request-form span.your-consent {
display: block;
text-align: center;
font-size: 14px;
}
.td-request-form span input[type=checkbox] {
margin-right: 10px;
}
.td-request-form input[type=submit] {
margin-left: auto;
margin-right: auto;
display: block;
background-color: var(--custom-accent-2);
color: #fff;
transition: all 0.3s ease;
padding: 18px 36px;
font-size: 14px;
border: 3px solid var(--custom-accent-3);
border-radius: 50px;
font-family: "Red Hat Display", "Open Sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.td-request-form input[type=submit]:hover,
.td-request-form input[type=submit]:focus,
.td-request-form input[type=submit]:active {
background-color: var(--custom-accent-1);
}
-> https://i.imgur.com/tpjPHkz.png -> https://i.imgur.com/3DjdnNm.png

Thank you!

Hi,

You can hide one element on desktop and unhide it on mobile, for example -> https://imgur.com/GKIKvgt. Every element in the TagDiv Composer has a setting to make it invisible. This setting can be seen in the CSS tab of every element: [Display: HIDDEN]. You can also hide the entire row.

Thank you!

Hi,

Please use this code .tdc-header-wrap .td-header-gradient:before
{
display: none!important;
}
Please set the code in the theme panel > custom code> advance css > phone– https://i.imgur.com/BOLeCit.png

Thank you!

Hi,
Indeed, the css code is the one that is usually work, I also set some JavaScript and html but this was not displayed, I corrected the previous answer to can check the provided example.
Thank you!

Hello,
For this please use this custom css:
.tdi_47_rand_style.td-element-style {
width: 100%!important;
left: 0!important;
}
.tdi_48.under-cls {
margin-right: -48px!important;
margin-left: -48px!important;
padding: 0 24px
}
Set the code in the theme panel > custom code> custom css
I hope this will help you!

Hi,
Theme is missing the style.css stylesheet error can be checked here – https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
How to Fix Destination Folder Already Exists Error in WordPress
The theme can be updated using our guide – https://forum.tagdiv.com/newsmag-how-to-update-the-theme/
Thank you!

Hi,
In Newsmag theme this can be done with custom css also you can tri the line-height from the top menu – https://i.imgur.com/P1kYMCu.png – https://i.imgur.com/UIYtQFP.png
Thank you!

Hi,

Try to create your own css using inspector element -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you!