Search Results for 'css'

Results from the Forum
Alin [tagDiv]
tagDiv Staff

Hi,

I also check this and it seems that the the RSS block title it doesn’t change the color and by default is white like in your case. I have added this on our list for further investigations and we will try to fix it as soon as possible.
You can try this custom css to change the color in this case – http://screencast.com/t/zmI9xfTEpnu

.vc_wp_rss .widgettitle .rsswidget {
color: #060087;
}

Thanks!

Andrei L.
tagDiv Member

Hi

You will need a custom css to achieve that layout. These are selectors which hold the style for these icons: http://screencast.com/t/aPALhEwIMVsE and basically you will need to generate a css shape. For more details please check this link: https://css-tricks.com/examples/ShapesOfCSS/ Also this tutorial might helps: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks!

Bogdan B.
tagDiv Staff

Hello,

You can try to use this css code:
.td_block_big_grid_10 .td-module-title a, .td_block_big_grid_10 .td-post-date{
background-color: #bd7225;
}

result: http://screencast.com/t/VUW87RhgsPe4

You can add the code in the theme panel-custom css box.

Thank you!

Bogdan B.
tagDiv Staff

Hello,

Assuming that block1 is the one you want to change, you can use this css to do it:
.td_block_big_grid_1 .td_module_mx5 .td-module-thumb{
border: 5px solid yellow;
}

You can add the code in the theme panel->custom css box.

Thank you!

Andrei L.
tagDiv Member

Hi

Try this css in theme apnel > custom code > custom css to change the backgropund color: http://screencast.com/t/iPFMRBWod

.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-top-menu-full, body .td-header-wrap .td-header-main-menu {
background-color: #1a1a1a!important;
}

Thanks!

Andrei L.
tagDiv Member

Hi

By default our theme does not displays post views on modules and to achieve that you will need some changes in theme’s code. Firs you need to edit td_module.php and add this code here: http://screencast.com/t/5RdA2OQw41XGhttp://pastebin.com/u2epEiQg Next you need to edit the file corresponding with each module used on the page and add this code here: http://screencast.com/t/qHvecWYfl0 You will also need this css for layout, add it in theme panel > custom code > custom css: http://screencast.com/t/fQA3ES5q

.td_module_wrap .td-post-views{
    display: inline-block;
    margin-left: 5px;
}

Hope this helps.
Thanks!

Bogdan B.
tagDiv Staff

Hello,

You can change the excerpts colors with css like so:

.td-excerpt{
color:blue!important;
}

This code will affect all excerpts. If you need specific ones, you need a more specific css targeting only the element that you want changed.

Thank you!

Bogdan B.
tagDiv Staff

Hi,
The background color is grabbed from the theme accent color you set in the colors section of the theme panel. For a custom color you can use css as @Aronfly described.
Alternatively you can add the code in the theme panel custom css box to not have to edit style.css on every update.
Thank you!

Bogdan B.
tagDiv Staff

Hello,

Our theme has no options for such an ad spot. if you add something custom, you will have to test it out for any problems you might find along the way. such as the one you mention. You can try to add a higher z-index to your sticky ad: http://www.w3schools.com/cssref/pr_pos_z-index.asp

Thank you!

Bogdan B.
tagDiv Staff

Hi,

The bottom “pointer” is a border added as a pseudo-element. Please use this code instead:
.td-module-comments a{
background-color:red!important;;
}
.td-module-comments a:after{
border-color: red transparent transparent transparent;
}

I;m not sure what folder you want me to point to as this is a css rule and it is found in the main style.css file fount in the root folder of the theme.

Thank you!

Bogdan B.
tagDiv Staff

Hi,
Please provide more details so we can understand better how to help. If you want to remove the post titles from grids, you can do it with css but we need more details so we can provide the proper code. Where exactly do you want to remove the titles. Please also provide a link to your site pointing at the grids, blocks you want to change.
Thank you!

Andrei L.
tagDiv Member

Hi

Try this css in theme panel > custom code > custom css:

.td-footer-container.td-container .td_module_wrap .entry-title a{
color: white;
}

Let me know how it goes.
Thanks!

Andrei L.
tagDiv Member

HI

Try this css in theme panel; > custom code > custom css: http://screencast.com/t/jHAPskEs4da

.wp-caption-text {
color: red;
font-size: 15px;
}

Let me know how it goes.
Thanks!

Aronfly
tagDiv Member

Hi,

Search the “.td-grid-style-4 .entry-title” in style.css
Edit the property “background-color:” to the color you want.
The opacity is set in the same property.
Example: background-color: rgba(0, 102, 153, 0.7);
0,102,153 is the rgb color code.
0.7 is the opacity.

Good luck

Aronfly
tagDiv Member

Hi.
In newspaper, Blocks are made of Modules.
Tagdiv has a nice little plugin that helps you create a new Block and Module.
Here: https://forum.tagdiv.com/practical-example-how-to-add-a-new-block-and-module/

Keep in mind this plugin is a bit outdated, hence it doesn’t work with the new newspaper version 7.3.
In any case, It’s possible to make it work. Just follow the instructions and not the default files.

Outdated files are:
/css/style.css
/modules/td_module_77.php
/shortcodes/td_block_77.php

Hope this helps

Scott
tagDiv Member

I used the CSS provided by Catalin. It changed the background to the inner wrapper wrapper rather than the page itself. See here:http://www.awesomescreenshot.com/image/1481792/5596c2894c7218fecc96ddeb24b6279c. Could you please provide the CSS to change the image background for the page.

simchris
tagDiv Member

Best to avoid inline styles on divs and only use css classes. If you are using some kind od ad plugin might be problem with that. Try using f12 console view for errors.

Bee3
tagDiv Member

Hello Bogdan,

Thanks for sharing the CSS to change the color of the comments box.
I have an additional question related to this (I am new to this theme)

.td-module-comments a{
background-color:red;
}

While this CSS changes the color of the comments box, this CSS doesn’t change the color of the pointer that appears just below the comments box div.

I assume it is a background image file linked to the CSS of the comments box and that it must be revised from default black to the website’s new theme colors.

Could you point me (and likely others here) to the folder containing these elements and also provide the proper CSS to change the pointer?

Thanks much!

globalweb
Participant
#0

My layout burst at the top of the page appears a black part, the code that appears is this. I tried to edit the css, but found …

Can you help me ?

<div id=”pm-vat-ad-NaN” class=”pm-vat-ad-msg” style=”border-width:1222px;border-style:solid;border-color:#1c1c1c;background-color:#4f4f4f;color:#1e73be;font-size:18px;”></div>

simchris
tagDiv Member

Keep in mind also that many other themes load up to 20 files which also add up to a lot of css … However, when i tuned the crap out of v2 i did take out bbpress, woocommerce, translation support, and moved to mobile default font stack… Which wordpress is moving to also. Hoping tagdiv will consider adopting the new wp default font stack also as google fonts do load bunch of extra page size.

Trade off. But im used to bootstrap 2 ?

joelpeterson
tagDiv Member

Sounds good. Here is a sample

http://aboutallthings.com/boy-gives-girl-game-ball/

You may need to look at responsive view to see the image at the top of the screen.

If you see some .css I can change let me know 🙂 – Love this Theme!

Joel

FrankG
tagDiv Member

Nope, tried both – neither worked. There is no td-author-line CSS value to adjust, the span one doesn’t work and I want to keep the ‘By’ bit before the name – only get rid of the dash. Is there a backend file I can adjust?

konstantinus
Participant
#0

Hello, I recently purchased this theme but I struggle customizing a couple of elements, could you help me out per chance?

I want the titles of these posts to have black background with space between the lines, not a solid block as how it is on the following shot.

The above was achieved with a code a friend wrote but they are not very css savvy.

I want the text to look like on this site, but black.

Another thing is, is there a way to remove the date from these posts only?
And the titles to move lower (once the date is removed)

Thank you in advance for the time.

Bogdan B.
tagDiv Staff

Hello,

If you want to hide the author info you can do so with css easier:
.single .td-author-description{
display:none!important;
}

Or remove it from the code like so: http://screencast.com/t/WO9AmPsZR

Thank you!

Bogdan B.
tagDiv Staff

Hi,

Sorry about that, the code was incorrect. The mobile theme uses a different css class. Use this code instead:

@media(max-width:767px){
.td-mobile-footer-wrap{
display:none!important;
}}

Thanks.

Viewing 25 results - 21,576 through 21,600 (of 33,436 total)