Search Results for 'css'

Results from the Forum
bw_Hour
tagDiv Member

Hi Calin,

Sure thing, please see this page as an example.

The affected elements are near the middle of the page in the right-hand column labeled “Event Calendar” and “Events.” I am trying to change the CSS on those particular elements since I can not through the widget.

Thanks.

pildat
tagDiv Member

Hi Simion,

Thanks for the example code! So I put the following css code into my website and the result is just as per our expectations.

.td_social_youtube {
position: relative;
left: -25%;
}
.td_social_twitter {
position: relative;
left: -50%;
}
.td_social_facebook {
position: relative;
left: 25%;
}
.td_social_instagram {
position: relative;
left: 50%;
}

After putting the above code in, our custom css code lines have exceeded 1000 lines (including previous codes). Thats huge, but now after this, the site looks perfect. What do you think? Please give me your honest opinion?

Dear Simion, it was really an enjoyable experience working with you towards solving all my problems. You can now mark this as solved.

Thank You.

Simion C.
tagDiv Staff

Hi,

1. That explains it, now I can see the icons just fine
https://www.screencast.com/t/aoT42LNLz16S

2. Seems I forgot to give you a solution for the order of the socials, sorry about that. Simplest method would be with a simple CSS code, for example this will switch Instagram with Twitter
https://www.screencast.com/t/zA4wWLTOGz
CSS code can be entered in the theme panel custom code section

.td_social_instagram {
position: relative;
left: 25%;
}
.td_social_twitter {
position: relative;
left: -25%;
}

Let me know if this works, or if you have more questions.

Calin
tagDiv Staff

Hi,

Hi please check the general color from Theme colors introduction documentation: https://forum.tagdiv.com/theme-colors-introduction/
Also you can add custom css on links.

Thank you.

Calin
tagDiv Staff

For the width of row you need to select the row, and stretch the row ( if you don’t find the perfect stretch, select the “stretch row and content ” https://www.screencast.com/t/UTf54GEq go in css row set the width an set margin left and right on auto https://www.screencast.com/t/kYFIUdg3bi )

Calin
tagDiv Staff

Hi,

If you set the default template the title is hide ( https://www.screencast.com/t/CCifXz6WGm7Y https://www.screencast.com/t/JDdAdYk1 ).
You can use a homepage from cloud template, and you can edit the template how you like ( https://forum.tagdiv.com/tagdiv-cloud-library-plugin/ ).
Or if you like to keep the current template please provide your url for a closer inspect, in this way I will be able to give you a custom css.

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

If you refer to the template of posts then yes, you can set different template on posts ( default templates https://forum.tagdiv.com/post-templates-2/ cloud templates: https://www.screencast.com/t/UqM77CicJ ).

Also If you refer strict to the custom css then the answer is yes, but the css need to be add in Newspaper> Theme panel>Custom code >Custom css
https://www.screencast.com/t/n7S0V7zMMvr1

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

You can try to change the thumb size for mega menu ( here you can the thumb size https://www.screencast.com/t/bhJmWlAKM ), and the file you need to edit is td_module_mega_menu.php ( https://www.screencast.com/t/d6fu31s7zY )
If you’ll decide to make this change please remove the above custom css.

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

Unfortunately our documentation don’t cover the new update theme.
We’ll try our best to make a new documentation to cover the features of theme.
Until then if is anything with we can help you please let us know.

With cloud template you have the full control on your page/post/category template:
In order to set the dimension of feature image you need to click on the feature image set the row of image form general row stretch to “Stretch row and content” ( https://www.screencast.com/t/gmv9LGon ), select the feature image change from “General” to “CSS” set margin left and right auto, and set the width you wish; everything on this page can be edit, you just to go deep in settings.
https://www.screencast.com/t/iS0pciftTk

Sorry for the incontinence.

Thank you for your understanding.

Simion C.
tagDiv Staff

Hi,

Maybe one of those plugin will work, you could keep trying. Out ticker will only slide article titles, not text.

You could even try to create your own text slider with HTML and CSS, there are a lot of examples online. Like in this topic for example, I simply entered one of those ticker codes in a raw HTML element
https://www.screencast.com/t/7IxZpz5Ejb4c

https://stackoverflow.com/questions/31951282/why-is-marquee-deprecated-and-what-is-the-best-alternative

Sorry for the inconvenience.
Thanks

Catalin
tagDiv Staff

Hello novodave,

Unfortunately, the theme does not have any such an option that allows you to do this, sorry! You should use such a custom CSS code if you want to change the Author Logo Size. Check the Inspector Browser from here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks.

Calin
tagDiv Staff

Hi,

Please provide a link were I can inspect the problem, in this way I can give you the proper custom css.

Thank you for your understanding.

perfectbodymate
Participant
#0

Is there a way to add custom css code for specific posts? or do I have to install a separate plugin?

michaelp
Participant
#0

Hi, I’m importing a category template, category template 8 to be precise.

I choose the background image I want to display in the css settings of the element, (which is Category background image)
I save the template, apply the template in the theme panel to my the desired category, but the image is not showing on the category page.

Everything else is fine including the sidebar of the imported template. It seems that the page is starting from the posts list and completely ignoring the site wide image that is supposed to be showing along with the description of the category on the image.

The only element that is showing is the name of the category, breadcrumbs, and the categories tags. And those were there before, but once the template is applied the category’s name, breadcrumbs and the tags are shown above the posts list.

Any help?

isole-greche
tagDiv Member

Calin
Hi,

If you want to set custom width to page and sidebar, select the row, click on column click on css and set the width ( https://www.screencast.com/t/pjPH5HjyYFgI https://www.screencast.com/t/gojtKJrhb )
Hope this will help you.

Thanks.

If I follow this help I can make post content wider than sidebar or vice versa, but the total width (post content + sidebar) remain the same.

NickDeBaerdemaeker
tagDiv Member

Ok, closing in to the final solution.

The height is indeed now neatly corrected to everywhere the same, however…
the image is not shown completely, the others are 150 px square so they show in full, but once it’s bigger like 250px the picture is not automatically resized to fit.

Also the rest of the images in the menu are now stretched to fit the content without the width resizing.

what would be the correct css code to accomplish correct resizing ?
it’s a bit tricky finding out since the menu disappears trying to use the firebug extension.

thanks for your patience in this matter

http://v2.enola.be/wp-content/uploads/2018/10/Knipsel.png

and the album art causing the issue looks like this normally
http://v2.enola.be/wp-content/uploads/2018/10/20181009-looy-bent-van-yours-truly.jpg

Calin
tagDiv Staff

Hi,

Please be notice that you have set footer style 13 ( https://www.screencast.com/t/fqMwFLGs ) , you’ll have just socials icons in footer ( https://www.screencast.com/t/fqMwFLGs ).

Please see the above css in footer template 14 https://www.screencast.com/t/CEcEPQI9

Thank you for your understanding.

bw_Hour
Participant
#0

[Cross-post from Envato market forum – Link]

Hi,

I was wondering if it is possible to change the border color of a particular block title with custom CSS? Specifically, I am hoping to change the border color of a title adopted from a widget element (used with a plugin). Unfortunately it does not give me the option to change border color in the widget itself. Here’s what I’m trying to change:

Click here

Furthermore, I wasn’t able to find the border color element during inspection, so I was hoping that the tagDiv team could help with some code or a different workaround, if there is indeed a solution.

tnqks
tagDiv Member

Hi.
When I add CSS above, It works in mobile but it makes email address disappear.
Check it out.

https://hrbulletin.net/temp/

FYI, I has set footer template 13 and when I changed to 14, the CSS above doesn’t work in PC.

Calin
tagDiv Staff

Hi,

In order to add some css to AMP you need to edit the style.php file from amp plugin, so you need to go in wp-content>plugins>td-amp>templates>style.php (example https://www.screencast.com/t/vIUHFAbD6uRH ).

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

If you try every header from the header panel ( https://www.screencast.com/t/3c35antYv Header styles documentation), then only way to adjust your header is with custom css.
If you need help with that please provide a link to your website.

Thank you.

  • This reply was modified 7 years by Calin.
Simion C.
tagDiv Staff

Glad it worked.

1. In ideal situations with no caching plugin or maybe server cache, the counter will synchronize every 3 hours. Caching plugins for example may have a delaying effect in this matter.
If that happens try to clear the cache, or set a smaller cache expiration period (most caching plugins have this option). That way the cache will be cleared and rebuilt and the data will refresh.

2. The icons are not visible for me, tried with Chrome and Firefox. Quite unusual, CSS wise everything seems to be in order from what I can see, the image containing all the icons is also loaded, positions are alright
https://www.screencast.com/t/13Nnps3ApvTs

Calin
tagDiv Staff

Hi,

Unfortunately for the moment that can be done just with some custom css ( a lot of css ).

here is an example, bat will affect some part of your website

.td_category_template_8 .td-category-header {
margin-top: -90px;
height: 400px;
}
.td-header-wrap .td-header-menu-wrap-full {
background-color: transparent!Important;
}
.td_category_template_8 .td-crumb-container {
top: 150px;
}
.td_category_template_8 .td-category-title-holder {
top: 150px;
}
.td-main-content-wrap {
margin-top: -100px;
}
.vc_column-inner{
padding-top: 100px;
}

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

The css I give to you is only for default smart list, not cloud smart list; for cloud smart list sm4 please try this css
.tdb_smart_list_4 .tdb-sml-current-item-nr,.tdb_smart_list_4 .tdb-sml-current-item-title {
display: inline-table;
}
.tdb_smart_list_4 .tdb-number-and-title h2{
text-align: center;
}

See results: https://www.screencast.com/t/kzWxRuxx

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

If this is what you desire https://www.screencast.com/t/atbfGs0XMOi then replace the above css with this one:

.td-footer-logo, .block-title, .td-post-category, .td-author-counters{
display: none;
}

thanks.

Viewing 25 results - 12,501 through 12,525 (of 33,436 total)