Search Results for 'css'

Results from the Forum
digitalmediadailyllc
tagDiv Member

UPDATE: I’ve managed to make the video player responsively fit the entire screen by injecting the code and CSS into the header of the page, as seen here: http://sparrowvideo.co/homepage-blog/

My issue is now that there is a blank white line appearing across the top of the screen, which I am assuming is the body of the blank page template I am using. If I could somehow get rid of that white bar now, all of my issues would be solved. Thanks so much for your help!

pritamps
Participant
#0

Hello,

I am using the Newspaper theme and basing my blog off of the travel template. I am still setting up, and am pretty new to wordpress. I’ve been looking around the documentation and all over the theme panel and the Appearance dashboard, and can’t seem to find a way to reduce the text-width for all my posts.

I would like it set so that when users/readers visit via a computer, they are shown a smaller width than what is currently shown (it’s too wide to read comfortably). I can apparently set a constant width using custom CSS, but I’m afraid that will mess it up for phones.

Thanks for any help!

hasgerdas
Participant
#0

Hi,
I’m using latest version of theme and visual composer.
Trying to update fonts and sizes for post title and excerpt, I see that it is not updated.

The CSS is an inherit of P, and it changes only if I change it throughout the theme.
I also used a custom css for excerpt and titles, and called in at custom css, still no luck.
What could be the reason for it?

hcnsupport
tagDiv Member

Catalin

Thanks for the suggestion. I changed the custom CSS to
.td-header-style-1 .td-header-sp-logo {
width: 50%;
float:left;
margin-left: auto;
margin-right: auto;
}

.td-header-sp-recs {
width: 50%;
float:right;
margin-left: auto;
margin-right: auto;
}

And it appears to be working like I want. I may tweak the tablet portrait so that the image is not as small for it. But it showing the ads on the same level like I want.

What is the best way to make the gap smaller between the header and the navigation menu bar?

Thanks,
Rick

gunner05
tagDiv Member

Thanks for the detailed response! but i don’t think the CSS worked. or perhaps there is only so much margin i can remove? Also still need code to move the SIDE space between thumbs. http://nimb.ws/WrV6Kb

Btw,any idea as to why blockquotes are no longer using the default font? (which should be sue ellen)

ever since making a child theme, some odd things have been going on….

Andrei L.
tagDiv Member
table - reply

Hi

You need to include the table from second page into a container and apply the indicated css overflow-x: auto;: http://screencast.com/t/2wK1I7UJT The way should be the same as you did with the first table.

Thanks!

madeinme
Participant
#0

Hi,

I found your post regarding the shortcode to edit CSS on articles without coding but it doesn’t seem to work on my TinyMCE editor.

Here is what I would like to produce: https://drive.google.com/file/d/0B-1ad5o39sIdZXZRUnprRnJoMmM/view?usp=drivesdk

Here is what I have on my TinyMCE backend:
1) https://drive.google.com/file/d/0B-1ad5o39sIdV3FqM0hSZGxyODA/view?usp=drivesdk
2) https://drive.google.com/file/d/0B-1ad5o39sIdc256NEdQWUNKWXc/view?usp=drivesdk

How can I get all the CSS style of the theme inside my Visual editor, please?

Catalin
tagDiv Staff

Hello gunner05,

1)The Block 5 use module 3, as you can see here -> http://screencast.com/t/4YfTmYY6l If you want to change the Block 5, you have to change this module. You can reduce the padding-bottom in your block with the CSS code below but the left-right you do not change because you will damage the layout. The width is fixed and you cannot change of this without damage.

.td_module_3 {
padding-bottom: 10px;
}

The result you should see here: http://screencast.com/t/8OC0YY9MQh

2)Unfortunately, this animation does not come from the theme. If you want to remove this feature you have to remove the option from js. file from Visual Composer and it is not a simple task, sorry.

3)Unfortunately, our theme does not have this feature implemented. The more article box option displays only the active posts, like this -> http://screencast.com/t/P5I5MwcsBc For more information about more article box, please check our documentation, here: https://forum.tagdiv.com/more-articles-box/

4)In principle, should not be any problem with this, but noticed that the dimension of the logo will be adjusted by the theme according to header style used.

Hope this helps and let us know how it goes!

Thank you for the message!

wpdiv
tagDiv Member

Hi lucian

Based on your email instructions i had make changes and mega menu works well when i am in home page http://www.wpdiv.ml/

If i navigate any one of the link in mega menu http://www.wpdiv.ml/privacy-policy/ once again i had a similar issue (CSS not loading)

  • This reply was modified 10 years by wpdiv.
richardrto
tagDiv Member

Thank you Bogdan, I haven’t had any custom CSS added for line height, and I haven’t added any additional plugins since installing the theme, so I’d have to think it’s because of something else. Website: http://www.livingkura.com/

You can see it very clearly on the mobile version.

Bogdan B.
tagDiv Staff

Hello,
The only universal setting that might have affected this would be the line height. If this was altered for some reason, then it could have affected different elements but it would be hard to identify where the change was made. If you have any custom css in your panel, look for a line height attribute and change that and see if the problem originates from there. It could also be a plugin that interferes with the theme css so you can also try to disable all plugins to see if the elements get positioned properly afterwards.
If you cannot figure it out, please provide a link to your website so we can inspect it.
Thank you!

Andrei L.
tagDiv Member

Hi

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

.widget_FacebookLikeBox {
margin-bottom: 10px;
}

Thanks!

Catalin
tagDiv Staff

Hello Albert,

If you want to change the content background-color, you have to use a bit o CSS. Please try the code below and add it in Theme panel->Csutom CSS area, like this -> http://screencast.com/t/zzPj44WH

.td-pb-row, .type-post {
background-color:red;
}

The result you should see here: http://screencast.com/t/vvvBMn7M

Hope this helps and let us know how it goes!

Catalin
tagDiv Staff

Hello anujsri1,

Unfortunately, these divs are not designed to work only for Ads and not for content. The content you can hide with a bit of CSS -> display:none; and if you want to hide it only for the mobile mode you have to use media query for mobile -> @media (max-width:767px).

Let us know how it goes and if you need more assistance for this regard, please provide more details about what exactly do you want to hide.

Thank you for the message!

Bogdan B.
tagDiv Staff

Hi,
Well you will need to know a bit of css to do it. Keep in mind that if the table is an iframe it cannot be targeted from the panel so the css must be added inline. I could help out if you provide a link to your website so i can inspect the table.
Thank you!

Andrei L.
tagDiv Member

Hi

Replace the css that you shown as reference with this one.

.td-ads-title{
margin-left: auto;
margin-right: auto;
display: table;
color: #bbbbbb;
font-size: 10px;
text-align: center;
}

The result should be like here: http://screencast.com/t/RTWgwPrY

Let me know how it goes.
Thanks!

Catalin
tagDiv Staff

Hello carmene,

Our theme does not have the option to change the fonts for all website. The theme uses by default Open Sens and Roboto. The simplest way to achieve this, as @Chris S suggested you above, would be to search/replace these kinds of fonts with your desired font in style.css, like this -> http://screencast.com/t/QqveC5k0B

Hope this helps and let us know how it goes!

Thank you for the message!

gunner05
Participant
#0

Hello guys, have a few questions about blocks:

1-How can I change the spacing/padding for Block 5? I understand I have to create a custom class in the block setting but what css do i put in theme panel? Will the block be effected sitewide or only the one I referenced with the id?

I want less spacing: https://box.everhelper.me/attachment/365600/khia2TJs8b3aazQepYb1AJRnEh0mqlOu/158366-adAEaZbxgnEkTahA/screen.png

2-How do i change the transition animation between tabs? I created 2 tabs using VC and loading 2 post grids (blocks). But i want it to FADE not fly in from the bottom when I switch tabs.

3- Sorry this has nothing to do with blocks, but how do i change the content inside the recommendation box that flies in after you scroll a post. I want to promote a facebook page instead of recommend posts.

4- I did not use the recommended logo size for homepage and mobile devices. I used a slightly bigger size image. Is that a problem or will it be ok?

Bogdan B.
tagDiv Staff

Hello Mario,
This issue can be caused by the css minification. Please try to disable all your plugins except visual composer and clear your cache.
You can also do it with css if you want but you will need to point out exactly what you want changed. Try it without plugins and if the problem persists let us know how we can assist you further.
Thank you!

Andrei L.
tagDiv Member
table - reply

Hi @tiranin0707

You have to add a specific class for the table then the use it in order to apply the css code like here:

.your-table-class{
overflow-x: auto;
}

If this is not what you mean please provide more details.
Thanks!

Catalin
tagDiv Staff

Hello rishab55555,

a)Unfortunately, our theme does not have this option implemented for RSS feed. If you want to use this, you have to search any plugin with this functionality and check on your side how it works. You should find a lot of these plugins from WP Plugins, like this -> https://ro.wordpress.org/plugins/search.php?q=RSS

b)Please try the code below and add it in Theme panel->Custom CSS area, like this-> http://screencast.com/t/2Ogvs7nOPQ

.td-header-wrap .black-menu .sf-menu > .menu-item-159 > a:hover {
background-color:red!important;
}

The result you should see here: http://screencast.com/t/qHH2CSKzS5

c)If you want to change the color and background-color of your translate buttons, you should try the code below and place it in Theme panel->Custom CSS area.

#menu-item-44721 a {
background-color:red;
color:green!important;
}
#menu-item-1364 a {
background-color:green;
color:red!important;
}

The result you should see here -> http://screencast.com/t/k4jCricPY -> http://screencast.com/t/P2SwLPlO3l

You can adjust the values as you wish.

d)I have tested on my side the WordPRess date and seems to work properly. The WP use the normal and standard format of the date and you should not have this error. Please check your plugins because it might be caused by them.

e)First of all, you need to follow this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
There are a number of things that can go wrong with page speed. You can begin by investigating speed booster to see if it’s not disabled. The speedbooster plugin has a function that checks for active plugins. There is a list of plugins speedbooster is compatible with – http://screencast.com/t/hcjLnOqh4i2 so if you have other plugins active it will be automatically disabled.
In order to use the tagdiv speedbooster with all plugins you will need to remove this code – http://screencast.com/t/RZLIOPUNdqh
Another thing you can do is play with the priority, if it doesn’t return all js – http://screencast.com/t/7fhfjttAT8
http://codex.wordpress.org/Function_Reference/add_action

Please keep in mind that these insights are recommended for advanced users only so if you don’t have php knowledge I suggest you get someone to help you with this.

Hope this helps and let us know how it goes!

Thank you for the message!

Bogdan B.
tagDiv Staff

Hello,
I have checked your website and right now there is only the ‘like’ button on both firefox and chrome. In any case, this is a known issue, we have not created the like button to support to many characters.
You can try to add this css to fix it:
.td-post-sharing .td-classic-facebook iframe {
min-width: 120px;
}

Thank you!

Andrei L.
tagDiv Member

Hi

To increase the pagination size try this css in theme panel > custom code > custom css: http://screencast.com/t/nd5mUBX5F

.page-nav a, .page-nav span, .page-nav:first-child > div{
font-size: 25px;
min-width: 50px;
line-height: 40px;
}

Also you can check this link, I’ve posted here a solution about how can be added Next/Prev links to pagination: https://forum.tagdiv.com/topic/pagination-5/

Hope this help.
Thanks!

Andrei L.
tagDiv Member

Hi

Try this css, it should disable the author link from every post and also from every page:

.td-post-author-name a {
pointer-events: none;
}

Thanks!

mariosem
Participant
#0

Hello,

suddenly, in my site I’ve lost all CSS customizations via Theme Panel. When I input them in Custom CSS they are back. Then, I deactivated Speed Booster plugin and customizations via Theme Panel are back but I get a performance deterioration.
Any suggestions? Thanks,
Mario

Viewing 25 results - 25,026 through 25,050 (of 33,436 total)