Search Results for 'css'

Filter documentation: All themesNewspaperNewsmagApiTutorials
Results from the Forum
LiadP
tagDiv Member
Cryptocurrency Price Ticker Widget stops website. - reply
#239951
Jun 20, 2018 at 2:11 pm

What happened in my case was that the browser just stopped rendering and it looks like it is trying to download something forever.

Checked for faulty plugin-plugin interactions, stopped all external plugins but the problem persists.

I guess that I can find another plugin for a cryptocurrency ticker and use css to make it look like the one recommended
Where/How do I remove the banners that read “Please install the Cryptocurrency Price Ticker Widget”?

abewy
tagDiv Member
Newsletter plugin and mailer lite - reply
#239929
Jun 20, 2018 at 12:29 pm

Well, it doesn’t…

Here’s what I’ve tried. Took the code from the JS Snippet tab (both JS and HTML codes) and inserted in the plugin Embedded Form Code area.

Took only the JS part from the JS Snippet tab.
Took only the HTML part from the JS snippet tab.
Took the HTML from the HTML code tab.

Nothing works. But it works when as you suggested I add the code in a text element.

Here’s the code :

JS Snippet tag

<!-- MailerLite Universal -->
<script>
(function(m,a,i,l,e,r){ m['MailerLiteObject']=e;function f(){
var c={ a:arguments,q:[]};var r=this.push(c);return "number"!=typeof r?r:f.bind(c.q);}
f.q=f.q||[];m[e]=m[e]||f.bind(f.q);m[e].q=m[e].q||f.q;r=a.createElement(i);
var _=a.getElementsByTagName(i)[0];r.async=1;r.src=l+'?v'+(~~(new Date().getTime()/1000000));
_.parentNode.insertBefore(r,_);})(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');

var ml_account = ml('accounts', '1194458', 'k2v6k3i0v0', 'load');
</script>
<!-- End MailerLite Universal -->

<div class="ml-form-embed"
data-account="1194458:k2v6k3i0v0"
data-form="942194:c8z5g9">
</div>

HTML code tab

<style type="text/css">
#mlb2-942194.ml-form-embedContainer {
box-sizing: border-box;
display: table;
height: 100%;
margin: 0 auto;
position: static;
width: 100% !important;
}
#mlb2-942194.ml-form-embedContainer h4,
#mlb2-942194.ml-form-embedContainer p,
#mlb2-942194.ml-form-embedContainer span,
#mlb2-942194.ml-form-embedContainer button {
text-transform: none !important;
letter-spacing: normal !important;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper {
background-color: #f6f6f6;

border-width: 0px;
border-color: #e6e6e6;
border-radius: 4px;
border-style: solid;
box-sizing: border-box;
display: inline-block !important;
margin: 0;
padding: 0;
position: relative;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 400px; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 400px; width: 100%; }
#mlb2-942194.ml-form-embedContainer .ml-form-align-left { text-align: left; }
#mlb2-942194.ml-form-embedContainer .ml-form-align-center { text-align: center; }
#mlb2-942194.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; }
#mlb2-942194.ml-form-embedContainer .ml-form-align-right { text-align: right; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
height: auto;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
padding: 20px 20px 0 20px;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
padding-bottom: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
margin: 0 0 20px 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
color: #000000;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 400;
margin: 0 0 10px 0;
text-align: left;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
color: #000000;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px 0;
text-align: left;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
color: #000000;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
color: #000000;
text-decoration: underline;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
margin: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
margin: 0;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
margin: 0 0 20px 0;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
margin: 0;
padding: 0 0 20px 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
margin: 0 0 10px 0;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
margin: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
margin: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
background-color: #ffffff;
color: #333333;
border-color: #cccccc;
border-radius: 4px;
border-style: solid;
border-width: 1px;
font-size: 14px;
line-height: 20px;
padding: 10px 10px;
width: 100%;
box-sizing: border-box;
max-width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder { color: #333333; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder { color: #333333; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder { color: #333333; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder { color: #333333; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
height: 42px;
}
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px; }
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
background-color: #ffffff;
color: #333333;
border-color: #cccccc;
border-radius: 4px;
border-style: solid;
border-width: 1px;
font-size: 14px;
line-height: 20px;
padding: 10px 10px;
width: 100%;
box-sizing: border-box;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
background-color: #000000;
border-color: #000000;
border-style: solid;
border-width: 1px;
border-radius: 4px;
box-shadow: none;
color: #ffffff !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px !important;
font-weight: 700;
line-height: 20px;
padding: 10px !important;
width: 100%;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
background-color: #333333;
border-color: #333333;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
display: inline-block;
float: left;
margin: 1px 0 0 0;
opacity: 1;
visibility: visible;
appearance: checkbox !important;
-moz-appearance: checkbox !important;
-webkit-appearance: checkbox !important;
position: relative;
height: 14px;
width: 14px;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
color: #000000;
display: block;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
padding-left: 25px;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
font-weight: normal;
margin: 0;
padding: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
color: #000000;
text-decoration: underline;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
color: #000000 !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 18px !important;
margin: 0 5px 0 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:first-letter {
color: #000000 !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
font-weight: normal !important;
line-height: 18px !important;
padding: 0 !important;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
margin: 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
margin: 0 0 20px 0;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
background-color: #000000;
border: none;
border-radius: 4px;
box-shadow: none;
color: #ffffff !important;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 14px !important;
font-weight: 700;
line-height: 20px;
padding: 10px !important;
width: 100%;
box-sizing: border-box;
}
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
background-color: #333333;
}
.ml-subscribe-close {
width: 30px;
height: 30px;
background: url(https://bucket.mlcdn.com/images/default/modal_close.png) no-repeat;
background-size: 30px;
cursor: pointer;
margin-top: -10px;
margin-right: -10px;
position: absolute;
top: 0;
right: 0;
}
.ml-error input {
background: url(https://bucket.mlcdn.com/images/default/error-icon.png) 98% center no-repeat #ffffff !important;
background-size: 24px 24px !important;
}
.ml-error .label-description {
color: #ff0000 !important;
}
.ml-error .label-description p {
color: #ff0000 !important;
}

#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
#mlb2-942194.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
color: #ff0000 !important;
}
@media only screen and (max-width: 400px){
.ml-form-embedWrapper.embedDefault { width: 100%!important; }
.ml-form-formContent.horozintalForm { float: left!important; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
.ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
}
</style>
<div id="mlb2-942194" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-942194">
<div class="ml-form-align-center ">
<div class="ml-form-embedWrapper embedForm">
<div class="ml-form-embedBody ml-form-embedBodyHorizontal row-form">
<div class="ml-form-embedContent">
<h4>Newsletter</h4>
<p>Signup for news and special offers!</p>
</div>
<form class="ml-block-form" action="https://app.mailerlite.com/webforms/submit/c8z5g9" data-code="c8z5g9" method="post" target="_blank">
<div class="ml-form-formContent horozintalForm">
<div class="ml-form-horizontalRow">
<div class="ml-input-horizontal">
<div style="width: 100%;" class="horizontal-fields">
<div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">
<input style="width: 100%;" type="email" class="form-control" data-inputmask="" name="fields[email]" value="" placeholder="Email">
</div>
</div>
</div>
<div class="ml-button-horizontal">
<button type="submit" class="primary ">Subscribe</button>
</div>
</div>
</div>
<input type="hidden" name="ml-submit" value="1">
</form>
</div>
<div class="ml-form-successBody row-success" style="display: none">
<div class="ml-form-successContent">
<h4>Thank you!</h4>
<p>You have successfully joined our subscriber list.</p>
</div>
</div>
</div>
</div>
</div>
<script>
function ml_webform_success_942194() {
var $ = ml_jQuery || jQuery;
$('.ml-subscribe-form-942194 .row-success').show();
$('.ml-subscribe-form-942194 .row-form').hide();
}
</script>

<script src="https://static.mailerlite.com/js/w/webforms.min.js?v03ee2804ef2f008535475a5d62f02f94" type="text/javascript"></script>

Simion C.
tagDiv Staff
How to disable the images from the theme module - reply
#239919
Jun 20, 2018 at 11:43 am

Hi,

There are a couple of blocks that do not display thumbnails by default
– https://demo.tagdiv.com/newspaper/block-9/
– https://demo.tagdiv.com/newspaper/block-10/
For others they could be hidden with CSS as you tried, or the actual modules could be edited and remove the thumbnail from there
– https://www.screencast.com/t/cwK5bbud
Most theme blocks are intended to display thumbnails. Not displaying one may result in the block not having a proper design.

That code you mention should work however for block 11, like this
– https://www.screencast.com/t/xMtlUvMPu4yz
Once entered in Theme panel->Custom CSS for example, it will affect all blocks 11.

Thanks

Catalin
tagDiv Staff
header background height - reply
#239892
Jun 20, 2018 at 10:07 am

Hello svlasov,

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

.td-header-menu-wrap-full{
margin-top:55px;
}

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

Thanks for the message!

TheLuckyGuy
tagDiv Member
Remove Mobile Theme Footer - reply
#239839
Jun 19, 2018 at 10:54 pm

Hello,

I tryed that code. But nothing happened on my iphone. The Footer stayed on the site.

Do you have any other idea. I left the css code in the custom css area that you can look into it.

Thank’s

Simion C.
tagDiv Staff
Version of V 7.8.1 newspapaer theme Look and Feel - reply
#239754
Jun 19, 2018 at 4:01 pm

Hi,

Block 25 looks like this – https://demo.tagdiv.com/newspaper/block-25/

That is a screenshot of the erotic demo, this demo is not available for install anymore. It is scheduled to be redesigned and reintroduced in the future.

If you want to use the demo design for that block module, I could provide it to you
– https://www.screencast.com/t/tHKXMsJbF0p
The code can be entered in Theme Panel->Custom CSS or child theme stylesheet
– https://pastebin.com/zT2QTH6v

Thanks

Catalin
tagDiv Staff
Remove Mobile Theme Footer - reply
#239747
Jun 19, 2018 at 3:31 pm

Hello,

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

.td-mobile-footer-wrap{
display:none;
}

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

Thanks.

Simion C.
tagDiv Staff
Question Logo - reply
#239738
Jun 19, 2018 at 3:11 pm

HI,

Maybe something like this – https://www.screencast.com/t/sZlHFe9b

.td-main-menu-logo img {
margin-top: 5px;
}

CSS code can be entered in Theme panel->Custom CSS section.

Thanks

Simion C.
tagDiv Staff
Centered text under heading - reply
#239723
Jun 19, 2018 at 1:59 pm

Hi,

The column text element has an option to center the text, please check in the CSS tab of the column text
– https://www.screencast.com/t/Y2ZZ1vdeaVTF

Thanks

Simion C.
tagDiv Staff
How to Disable Sidebar Contents in Mobile Mode - reply
#239713
Jun 19, 2018 at 1:17 pm

Hi,

On phones the sidebar content will drop below the comments at the bottom. The sidebar cannot be disabled just for mobile, only in general. Hiding the sidebar would be an option with CSS or in the composer with the responsive options, but it does not apply here because there is an Adsense ad in the sidebar (Adsense ads should not be hidden with CSS).

Also having an Adsense in a sidebar when sticky could potentially be a violation of Adsense rules
– https://www.screencast.com/t/WgVg3S0S2fyt
– https://www.screencast.com/t/aztyvtdGZCiU
– https://support.google.com/adsense/answer/48182?hl=en

Only when the mobile theme plugin is used the sidebar will not be displayed on phones
– https://forum.tagdiv.com/the-mobile-theme/

Thanks

balochistanpost
Participant
Theme Upgrade - topic
#0
Jun 19, 2018 at 1:14 pm

I currently have version 8.0 installed, can I directly upgrade to version 8.8 by following the tutorial on tagdiv?

From my past experience with other themes, it was not possible to directly upgrade to the latest version, if you had a very old version.

I have made many CSS changes, which reading from the forum I know will disappear after the upgrade but would it also reset the structure of the main page that I have created with TD Composer.

Simion C.
tagDiv Staff
Question Logo - reply
#239679
Jun 19, 2018 at 10:31 am

Hi,

That would be possible with some CSS. If you could provide a link to your website or at least mention the header style used (link would be most helpful) I will try to give you a code for this.

Thanks

Catalin
tagDiv Staff
Remove Mobile Theme Footer - reply
#239678
Jun 19, 2018 at 10:29 am

Hello TheLuckyGuy,

Yes, it is possible if you will use such a custom CSS code to hide it for that section. Provide your website URL, so I can inspect it closer and also, so I will be able to provide a more accurate response.

Thanks for the message!

Simion C.
tagDiv Staff
Change "Labels" design - reply
#239639
Jun 19, 2018 at 8:50 am

Hi,

By a theme setting there is no extra design for the category tags, however it would be possible with CSS, for example like this maybe with a border radius
– https://www.screencast.com/t/evTocuHY9
I will try to help you if you could mention some more details about how exactly you want them to be. The browser inspector is a very powerful tool, useful for this as well
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

jkfriends
tagDiv Member
Newspaper Sidebar Width to be exactly 300px wide - reply
#239614
Jun 19, 2018 at 4:58 am

Hi Simion,

After a lot of trial and error, I achieved what I wanted with NP theme itself but just 1 caveat (I had to lose the sticky smart sidebar feature).

This custom CSS does the magic.

@media (max-width: 1018px) and (min-width: 768px)
{
    .td-pb-row [class*="td-pb-span8"] {
        padding-right: 14px;
        padding-left: 14px;
        width: 100%;
    }
    .td-pb-span4 {
        width: 324px;
    }
}

I think I need some customizations to js/tagdiv_theme.js file to handle the stickiness around this section of the code:

if (tdUtil.getBackendVar('tds_smart_sidebar') == 'enabled' && tdDetect.isIos === false) {

Basically if we can avoid sticky sidebar if the width is between 768 & 1018 in this code section, I think I’ll be all set.

Could you show me a piece of code that does the check for the screen size in jquery and not trigger the event for scroll-up.

Let me know if this makes any sense.

Thanks, JK

  • This reply was modified 8 years by jkfriends.
dera
tagDiv Member
I want to make my entire newspaper 8.8 theme website Black - reply
#239598
Jun 18, 2018 at 10:49 pm

Hello Catalan,
Thank you, I will try to use the custom css. I don’t really know if my site will still be clean if I use the demo or when I uninstall it.

Edward
tagDiv Member
Remove "MORE FROM AUTHOR" - reply
#239583
Jun 18, 2018 at 10:23 pm

1. Section MORE FROM AUTHOR you can replace for example to READ ALSO (just to replace field in the Theme panel -> Translation).

2. You can hide this section by entering this code in Theme panel -> Custom CSS

/* Hide More From Author */
.td_block_related_posts .td-related-right {
display:none;
}

3. Either by commenting or removing this line of code from this file
– https://www.screencast.com/t/iAwsEsRPXyu

ThePure
tagDiv Member
Colour changing - reply
#239533
Jun 18, 2018 at 4:39 pm

Hi,

thanks for fast reply. I inserted this code to custom CSS settings. It hasn’t worked but after I deleted “a” before parenthesis in the code it changed the colour of “contact us”. I would like to change the colour of “info@puretravelers.com”.

You can see what changed on the website as it is already updated.

ctoweett
tagDiv Member
Colour changing - reply
#239530
Jun 18, 2018 at 4:20 pm

Use this CSS code in the custom css section of the theme panel
.footer-text-wrap .footer-email-wrap a {
color: #;
}
Replace the # with the name of the colour or colour code you want.

Catalin
tagDiv Staff
Ads Position in TD-Cloud Templates [Not in Middle] - reply
#239501
Jun 18, 2018 at 2:57 pm

Hi,

Try to use the code blelow and place it in Theme paenel -> Custom CSS Area.

.id_inline_ad_content-horiz-center{
text-align:center;
}

Thanks.

orrorea33giri
Participant
Hide fields in the mobile theme - topic
#0
Jun 18, 2018 at 2:15 pm

Hi

What is the CSS code to hide these fileds in the mobile theme plese?

.td-form-url {display: none;}
.td-form-email {display: none;}
.td-form-cookies-consent {display: none;}
.td-form-cookies {display: none;}
.td-form-consent {display: none;}

Thanks

Simion C.
tagDiv Staff
No Import button - reply
#239484
Jun 18, 2018 at 1:59 pm

That’s a mistake, thank you for mentioning it. I will add it on our fix list and it will be taken care of if it has not been fixed already.

It’s a possibility, we are open to suggestions. So maybe the more articles will receive some improvements or a different functionality in the future.

The edit content would look like this when editing for mobile
– https://www.screencast.com/t/LyzcSSACeVM
It’s size will adapt to see better how the content will end up looking for the intended device. Maybe I am misunderstanding this, please correct me.

Simion C.
tagDiv Staff
Shoud I use sidebar ads to show images with a link to a Mailchimp form? - reply
#239481
Jun 18, 2018 at 1:29 pm

Hi,

The sidebar content width is of 324px in that layout, you could use images with that size.

Or I could give you a code to center the images
– https://www.screencast.com/t/PxxM8yuHG

.single .td-main-sidebar .widget_media_image {
text-align: center;
}

The code will apply to posts and image widgets in the sidebar. It can be entered in Theme panel->Custom CSS section.

Thanks

Simion C.
tagDiv Staff
Custom CSS for arrow lists and bullet points - reply
#239480
Jun 18, 2018 at 1:20 pm

Hi,

So you want to increase the default margin bottom that each paragraph has, in the post content
– https://www.screencast.com/t/NHWeZXjx
You could do that with a code like this

.td-post-content p {
margin-bottom: 35px!important;
}

The headings have a general color setting in the theme panel
– https://www.screencast.com/t/Xu53zJx1H
Also you can style them as you want as you are editing/creating the post
– https://www.screencast.com/t/ADp5y0jXEx
Or use CSS to style them individually by type for all posts at once
– https://www.screencast.com/t/7kIEmIKH

.td-post-content h1 {
color: red;
}
.td-post-content h2 {
color: yellow
}
.td-post-content h3 {
color: blue;
}
.td-post-content h4 {
color: green;
}

More about this here – https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

CSS code can be entered in Theme panel->Custom CSS section, there are also advanced sections available.
Let me know if you have further questions.

Thanks

Simion C.
tagDiv Staff
Styling blockquotes - reply
#239465
Jun 18, 2018 at 11:37 am

Hi,

You can use CSS to style them as you please. This is a similar topic
– https://forum.tagdiv.com/topic/blockquote-custom-css-not-working/

This is a guide about using the browser inspector tool to create custom CSS code
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Let me know if you have more questions.
Thanks

Viewing 25 results - 13,626 through 13,650 (of 33,436 total)
1 2 3 … 545 546 547 … 1,336 1,337 1,338