Search Results for 'css'

Results from the Forum
Catalin
tagDiv Staff

Hi strawberrybase,

Please try the code below and you can add the border to the thumbnails. The code have to be put in custom CSS area like this: http://screencast.com/t/ZbSP6ldB

.td-module-thumb {
border: 1px solid black;
}

The result you can see here: http://screencast.com/t/lMqXo2v2

Hope this helps.

Thanks!

  • This reply was modified 10 years by Catalin.
Bogdan B.
tagDiv Staff

Hello,
Module mx6 which is used by this big grid is set differently. It does not have author and date set to it at all in the theme files. You can add them by editing the module file and adding this code to it:

<?php echo $this->get_author();?>
<?php echo $this->get_date();?>

http://screencast.com/t/ohfkHglf
Then it will show up in your big grid. You can then style it a bit with CSS to give it the correct font size:

.td-big-grid-post.td-small-thumb .td-big-grid-meta {
    font-size: 11px;}

result: http://screencast.com/t/aUMO15np5iV0
Thank you!

Catalin
tagDiv Staff

Hi cookingpanda,

For change the size of the Blockqoute is an option in Theme panel like this: http://screencast.com/t/bWsfb9yo4Q and to change the color you can do it manually in WP-article editor like this: http://screencast.com/t/IbjmwJtVeVYx or in Theme panel you can change the general theme colors like this: http://screencast.com/t/UdKfQsoS9mq4

And also you can try the code below in Custom css area like this: http://screencast.com/t/t6J7R3m2cnB9

.td-post-content blockquote p {
color:blue;
}

Thanks.

  • This reply was modified 10 years by Catalin.
Andrei L.
tagDiv Member

Hi

Sorry about that,
Replace the previous css with this one, it should work fine:

@media (max-width: 767px){
.td-icon-mobile:before {
content: '\2630'!important;
font-size: 40px;
}
}

Thanks!

TechRanker
tagDiv Member

Rehman,

Thanks for sharing this tool. Unfortunately for me, the tool doesn’t appear to work on https sites so I can’t test my main blog.

When I tested an old, unused blog I have, the results were what I would expect:

URL:

http://oracleodi.com/faq/what-is-oracle-data-integrator-odi/

Test Link:

https://gsnedders.html5.org/outliner/process.py?url=http%3A%2F%2Foracleodi.com%2Ffaq%2Fwhat-is-oracle-data-integrator-odi%2F

Result:

1. What is Oracle Data Integrator (What is ODI)?
>>>1. Oracle Data Integrator Download
>>>2. Oracle Data Integrator Resources
>>>>>>1. Speak Your Mind Cancel reply

Which corresponds to:

1. H1
>>>1. H2
>>>2. H2
>>>>>>3. H3

The presence of the “Cancel reply” text is actually correct. This text is hidden on our pages via CSS.

It appears that Outline Tool indicates that the Newspaper Theme’s HTML5 implementation needs to be reworked. I had my own HTML5 questions about the theme detailed here: https://forum.tagdiv.com/topic/feature-requests-and-suggested-improvements/

I wish I had the time to troubleshoot this issue.

justme2015
tagDiv Member

Hi dthreatt,

I am trying to create the same menu as yours – slimline, sticky.

How did you do it? Did you use some sort of custom css? Would you be able to assist as I am not having much luck as customising.

THANKS.

Maui No Ka Oi Magazine
tagDiv Member

Iʻm using this code to remove the meta info: .td-module-meta-info { display: none !important; }

A problem now is that the code removes the info I need to show for Block 13… Any way to fix that easily with css?

Thank you so much!

redwaveit
tagDiv Member

Okay so im using a Big Grid 7 and the dates are not showing on any of the same boxes. I need them show. I have tried a few custom CSS codes and cant get them to show can you please help me with this?

Site: industrialmachinerydigest.com

mrsky28
Participant
#0

If I wanted to edit the CSS styling of the editor, which file should I edit?

vladica79
tagDiv Member

That icon work when I resize the browser, but on mobile not working. Not icon at all.I have the code in custom css.
.td-icon-mobile:before {
content: '\2630';
font-size: 40px;
}

Bogdan B.
tagDiv Staff

Hello,

It seems that the method you use for ads is different from one site to another. On the first one you use this class: http://screencast.com/t/0BkSkX9rKCe3 and on the second you use this one: http://screencast.com/t/lfhybkEJY
These are custom classes you use for your adds that are not generated by the theme. When using custom ad spots, the theme css does not apply so make sure you use the same method in both cases if you want to have the same results.

Thank you!

Catalin
tagDiv Staff

Hi jerocarson,

I understand your problem. Please decrease the z-index value using css and the problem is solved. Try the code below in Theme panel->Custom Css area like this: http://screencast.com/t/omWBi62Q691R

.td-header-style-6 .td-top-menu-full {
z-index: 0;
}

And the result you can see here: http://screencast.com/t/88nmwGzGDjiW

Hope this helps.

Thanks and let us how it goes!

Andrei L.
tagDiv Member

Hi

Try this css: http://screencast.com/t/NwMo99oq9C

.td_block_14 .td_module_mx1 .td-module-thumb a:last-child:before{
height: 100%;
background: none;
background-color: red;
opacity: 0.3
}
.td_block_14 .td_module_mx1:hover .td-module-thumb a:after {
content: '';
width: 100%;
height: 100%;
background-color: blue;
display: block;
position: absolute;
z-index: 1;
top: 0;
opacity: 0.3;
}

You can change the opacity value and the background color as you like.

Thanks!

haychart
Participant
#0

Hi

I have 2 sites which i am making fairly identical

The sidebar has ads – some are 160 and some are 300 width

one site if i place the code for 160 ad it shows as 160 fine

the same code on the other site shows it at 324 – full width of sidebar

both sites are 6.5.1

when i use the inspect element the wrong site has this

i have taken the code off the good site as it was just to test the code – the good site is eastmidlandsbusinesslink.co.uk and the wrong site is not live yet http://www.fdiforum.net/mag

style.css:19573
.td-a-rec-id-smart_list_6 img,
.td-a-rec-id-smart_list_7 img,
.td-a-rec-id-smart_list_8 img,
.td-a-rec-id-post_style_12 img,
.td-a-rec-id-sidebar img,
.td-a-rec-id-content_top img,
.td-a-rec-id-content_inline img,
.td-a-rec-id-content_bottom img,
.td-a-rec-id-custom_ad_1 img,
.td-a-rec-id-custom_ad_2 img,
.td-a-rec-id-custom_ad_3 img,
.td-a-rec-id-custom_ad_4 img,
.td-a-rec-id-custom_ad_5 img {
width: 100%;

when you untick the 100% width the ad appears normal size

can anyone shed some light on this

Bogdan B.
tagDiv Staff

Hello,

I ran a few more tests on this issue and it seems that this is the default behavior of the element. It is not just at your end. When the page containing it is set as the homepage, the alignment gets set to middle. So only on the homepage will the title be centered.
You can overwrite this alignment if you want by using this custom css:
.home .td-post-template-8 .td-post-header-holder{
vertical-align:bottom!important;
}

Just place the code in the theme panel-custom CSS box: http://screencast.com/t/WV5lXQXPRmn4

Thank you!

Andrei L.
tagDiv Member

Hi

Try this css to increase the distances between the author boxes, you can modify the value as you like: http://screencast.com/t/rVmQ91FFx

.td_mod_wrap.td-pb-padding-side {
    min-height: 100px;
}

Thanks!

  • This reply was modified 10 years by Andrei L..
Andrei L.
tagDiv Member

Hi

You can paste the code in header.php or footer.php files as these are required on every post/page from site: http://screencast.com/t/lTkO7fNp4kVh You also need a new container for that ad and some css code for its layout.

Hop this help.
Thanks!

Catalin
tagDiv Staff

Hi mikezenmx,

Unfortunately, there is not an option for change the dimensions of slide. These are default. Another possibility would be to change it manually using Css code but this option we do not recommend.

Below you can see an example:
http://screencast.com/t/KOQHNcL0Vu8 http://screencast.com/t/FjkxHeRQ3mXa

Thanks.

  • This reply was modified 10 years by Catalin.
Andrei L.
tagDiv Member

Hi

1. Try this custom css in theme panel > custom css: http://screencast.com/t/9aYtsB6oNssx

@media (max-width: 767px){
.td-main-menu-logo img {
max-width: 70%;
}
}

2. I am not sure I understand your issue totally. Try to deactivate all plugins except Visual Composer, clear all caches and test again If the problem persist please provide more details so I can duplicate the situation on my side.

Thanks!

Catalin
tagDiv Staff

Hi sirota,

Please try the code below in Theme panel->Custom Css area like that: http://screencast.com/t/i49NXzMLi

.td-header-style-X .sf-menu>li>a:hover, .td_mega_menu_sub_cats .cur-sub-cat {
color: green;
}

Hope this helps.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

The copyright text has a specific width as you can add also a menu for your subfooter. If you don’t need menu there, you can use this custom css in Theme Panel > Custom Csshttp://screencast.com/t/C7bdnxNDCY69

.td-sub-footer-copy {
width: 100% !important;
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

I see that you still use the old version of the theme for http://faqsandroid.com/
Please try thsi custom css in Theme Panel > Custom Css:

body {
cursor: pointer !important;
}
.container, .container.td-page-wrap {
cursor: default;
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please try this custom css in Theme Panel > Custom Csshttp://screencast.com/t/5lyQ2py0EcZK

@media (min-width: 768px){
.td-header-style-12 .td-main-menu-logo img {
max-height: 80px;
padding: 0;
}
}

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

The featured image used on post template 8 is streched using javascript code and it wont display the caption.
You need some customization to have also the caption, so please edit single_template_8.php file and add this code – http://screencast.com/t/gDleyLTVphttp://pastebin.com/hYQyNHVG
The caption should appear now on you post page, but you need to customize it. I provide also a css to be more visible, but you can change it like you wish – http://screencast.com/t/4JimeNqF0U

.td-feat-image-caption {
color: #ffffff;
margin-top: 10px;
margin-left: -5px;
padding: 10px;
background-color: rgba(34, 34, 34, 0.55);
}

Thanks!

bbmoob
Participant
#0

Hi,

I am using Newspaper in two blogs. In both I have using the Background Click Ad options with the same configuration.

In one it works ok in index:
http://foromoviles.com
And single:
http://foromoviles.com/la-garantia-de-los-moviles-mi-historia-con-lg/

But in the other it works in index:
http://faqsandroid.com/
But not in single:
http://faqsandroid.com/orange-dive-70/

I have tried changing:

  • Child Theme
  • functions.php
  • Custom CSS
  • ad links

    But nothig works.

    Can you help me?

    Thanks in advance.

Viewing 25 results - 25,976 through 26,000 (of 33,436 total)