Search Results for 'css'

Results from the Forum
topmagazin
tagDiv Member

Thanks Andrei,

thats exactly what i did.
But the css seems not to apply… Screenshot

What is the error?

Bogdan B.
tagDiv Staff

Hello Atsouf,

You can use this custom CSS:

.td-header-style-10 .td-header-sp-logo{
background: white url('http://imgscenter.com/images/2014/09/13/Beauty-of-nature-random-4884759-1280-800.jpg') no-repeat;
background-size:cover;
margin-bottom: -48px;
height: 161px;
}

result: – http://screencast.com/t/X4RqsyyIK5Y
You can change the image url to your own and you can set the transparency of the header menu from the theme panel: http://screencast.com/t/4BiffM632yH.

Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately the time doesn’t allow us to provide custom work, sorry! Here you can find some information about our WP Super Cache settings on demo – https://forum.tagdiv.com/topic/create-a-separate-file-for-all-css-and-scripts/#post-70655

Thanks!

Bogdan B.
tagDiv Staff

Hello Dragon,

The easiest way to disable this is to hide it with css:

#td_uid_21_56091678ca167{display:none;}

or you can remove it from the core files: http://screencast.com/t/Ube729sIT

Whichever you like.

Thank you.

Bogdan B.
tagDiv Staff

Hello Gusti,

I have checked your menu and made a custom code for it.
You can use this custom CSS in your theme panel – http://screencast.com/t/NLpQ3GrX

@media (min-width: 768px){
.td-header-wrap .td-affix .sf-menu > li > a {
line-height: 30px !important;}}

Thank you

Alin [tagDiv]
tagDiv Staff

Hi,

There is an option to disable author and date from Theme Panel > Post Settings, this will be applied on posts, modules globally. If you don’t want to hide them from your post pages, you can do this using custom css in Theme Panel > Custom Csshttp://screencast.com/t/4iRddMNCSz and also for archive templates(categories, tags…) or search page – http://screencast.com/t/BkCgEFnCn

.page .td-module-meta-info, .archive .td-module-meta-info, .search .td-module-meta-info {
display: none;
}

Thanks!

Andrei L.
tagDiv Member

Hi

You can chose how the image will be aligned from image details: http://screencast.com/t/YcLnH2gNcehttp://screencast.com/t/xjmRPmp1 More details about float property, which is used to display more elements on the same line, can be found here: http://www.w3schools.com/cssref/pr_class_float.asp
The result should be like here: http://screencast.com/t/z83yxHQSbp

Let me know how it goes and if you need further instructions please provide more details and a link if possible!

Thanks!

Andrei L.
tagDiv Member

Hi

Please make sure that you don’t use any formats on the text that should be near featured image: http://screencast.com/t/VH9o8oCiS
To place the featured image on the right add this custom css in theme panel > custom css: http://screencast.com/t/D4g56UxW

.td-post-template-1 .td-post-featured-image{
float: right;
margin-left: 21px;
margin-right: 0;
}

Let me know how it goes!

Thanks!

Bogdan B.
tagDiv Staff

Hello Mathew,

You have the possibility to use visual composer on posts as well but this feature is not tested. You may need a bit of css to adjust the block’s position.
You can activate visual composer on posts from the plugin settings: http://screencast.com/t/nXVQ0qep

Thank you!

Bogdan B.
tagDiv Staff

Hello Ruud,

Actually, that is the box’s purpose. You can create your code and add it to the custom CSS box. We usually use the browser inspector and an extension: ‘Live CSS editor’ to modify the code. After that you just copy the code from the extension to the panel.
Hope this helps.

Thank you.

Andrei L.
tagDiv Member

Hi

The subcategories from blocks are displayed by js which calculate how many items can be displayed on top and the others are hidden in the drop-down menu. A possible solution would be to add this custom css in theme panel > custom css:

.td-subcat-filter .td-subcat-list .td-subcat-item {
 margin-left: 430px;
}

Note that I didn’t test this for every block so I can’t say if will work fine for all, also the changes will affect every block added on the site.

The theme doesn’t have an option to change the More button only from one block, it can be chanced from Theme Panel > Translations section, but this change will affect all blocks: http://screencast.com/t/lXFpVOffCVzZhttp://screencast.com/t/yrAuK74QIzhU

Thanks!

  • This reply was modified 10 years by Andrei L..
atsouf
Participant
#0

Hello,

i am using Newspaper 6.4 on wordpress 4.3

For my header + menu style i am using Style 10 (full logo on top + center menu) i dont want to use color but a bg image.

Can i have some help on teh css modification please?

Looking forward,
atsouf

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately not all colors are supported by the button shortcodes, you can customize using custom css, use the color like an extra class – http://screencast.com/t/iJtKxey3idGhttp://screencast.com/t/X6dDu9fQp
On the article where the button is displayed fine, you use custom css for it – http://screencast.com/t/qVG5q0zt
You can also add a button using the Visual Composer in a page(design it) and copy the shortcode in the post content, check this topic – https://forum.tagdiv.com/topic/creating-buttons-in-posts/#post-56162

Hope this helps!

Alin [tagDiv]
tagDiv Staff

Hi,


@AilyRoot
The theme use the plugin’s template and it supports the full bbpress plugin. We have added just some css code but we don’t alter the plugin functionality. If you want to create your own template you will have to read the plugin’s documentation – https://codex.bbpress.org/themes/theme-compatibility/getting-started-in-modifying-the-main-bbpress-template/ as we cannot provide custom work, sorry!

Thanks!

Bogdan B.
tagDiv Staff

Hi Pandian,

Sorry for the delay, we to not work on weekends.

1) You can see image sizes used in different locations in the theme panel: http://screencast.com/t/OpR8bRP5mA4f
2) use this custom css to style the slider header

.td_block_slide .td-slide-meta a{
background-color: rgba(77, 178, 236, 0.7)
}

3)You will have to update to the latest version to be able to use the new features. You will find a list of fixes for the 6.4 and 6.5 versions here: http://tagdiv.com/blog/

4) For the grey tint, try to regenerate your thumbs: https://forum.tagdiv.com/using-the-theme-with-existing-content/

Thank you

Bogdan B.
tagDiv Staff

Hello Kathrin,

It seems your image on pages is getting a ‘float:left’ and on posts or categories it doesn’t
You can use this custom css to cancel it.

.page .alignleft{
float:none!important;
}

Thank you!

Andrei L.
tagDiv Member

Hi

1. Are you referring at the main menu which is full width: http://screencast.com/t/DhgHeJVmhcmY If you want to modify it’s size like here: http://screencast.com/t/cZZWcAIMPTn please try this custom css in theme panel > custom css:

.td-header-style-10 .td-header-menu-wrap{
height: 44px;
width: 1021px;
margin-left: auto;
margin-right: auto;
}

If this is not what you mean please provide more details and your site url so I can provide a more accurate answer.

2. You can add the page in menu from Appearance > Menus: http://screencast.com/t/HO1Q56N4ag Also you can find more details about how menus can be customized, in our documentation: https://forum.tagdiv.com/main-menu/https://forum.tagdiv.com/mega-menu/

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

I just ask you about this, I did not said that it is not possible. Anyway I will add this to our suggestion list to have a footer template with info content on the right.
I have tested this on my side and you can try this solution on your side. I guess you changed the column 1 position in footer style 3 – http://screencast.com/t/ZPDLTis9wg Now please paste this custom css in Theme Panel > Custom Css and check if you still have this issue on mobile device – http://screencast.com/t/S8tZCIukL

@media(max-width: 767px) {
.td-footer-template-3 .td-pb-span4 .td_block_15 {
float: none !important;
}
}

Hope this helps!

Bogdan B.
tagDiv Staff

Hello,
Try replacing your CSS code with this one:

@media (max-width: 767px) {
.td-header-top-menu-full, .td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.top-header-menu li a {
font-size: 12px !important;
margin-right: 5px;
}
}

This should display your full top menu.

Thank you!

Andrei L.
tagDiv Member

Hi

Try this custom css: http://screencast.com/t/e4cuaWgl1tRa

.single .alignleft, .archive .alignleft {
float: left;
margin-right: 23px;
margin-top: 6px;
margin-bottom: 6px;
}
.single p a, .archive p a{
border-bottom: 1.5px dotted #FFD700;
color: #FFD700;
}

Let me know how it goes!

Thanks!

Bogdan B.
tagDiv Staff

Hello Rob,

Sorry for the delay.
It can be done by inserting a custom link in your menu and adding an image to it (a standard ‘img’ tag) like so: http://screencast.com/t/BaAprd2Tgz4F

Result: http://screencast.com/t/jlpXi8iduu
The downside is that you will need custom css to properly position the logo and this depends on the size of the logo you add.

Thank you.

Riconci
Participant
#0

Hi peeps!

There’s only one question I have.

Basically, what I want to achieve is to add a clickable jpg image in the main navigation menu, but unfortunately I wasn’t able to find the piece of code. I don’t know if this is important, but I’m using “td-header-style-2” for the main menu. The image is practically a logo, but I don’t want to put it somewhere else.

And as a side note, the element .td_block_wrap from the Social Counter plugin has some padding-bottom that I couldn’t remove with local custom css, but only after I added negative padding to the following div. Not an issue though, as I found a good workaround.

Cheers!

simchris
tagDiv Member

They usually post the theme version in the changelog files from the theme download, and at top of style.css file, and shoukd show in the wp admin panel under appearance > themes.

I think you can also see list of versions and changes on bottom of the theme info page on themeforest. They might have separate changelog page, but had not seen that.

Hope that helped a little ?

topmagazin
Participant
#0

Hey all,

is there any custom css to make the menu on desktop NOT sticky while using the “Smart snap for mobile”-Option?

Thanks in advance

Steven
tagDiv Member

I’ll like if they can make a darker theme as well,it’s too much work to make ur site full dark background and then changing text colors etc with a lot of CSS Codes that just slow ur site down,i don’t know why they don’t bring out a light and dark theme with V6..smh

  • This reply was modified 10 years by Steven.
Viewing 25 results - 26,551 through 26,575 (of 33,436 total)