Search Results for 'css'

Results from the Forum
Bogdan B.
tagDiv Staff

Unfortunately we have no customization department so we cannot recommend anyone, but it;s not such a big deal that it will require an expert on newspaper. It just css, no matter the theme. Any freelancer who knows his way around css can do it.
Thank you!

Bogdan B.
tagDiv Staff

Hi,

Please add this css in the theme panel-> custom css box:
.post-ratings img{
display:inline!important;
margin-bottom:0!important;
}

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

Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

Please disable all your plugins except Visual Composer, clear all the caches and check again if the issue is still there. Also disable any css/js minifications and purge your files if you use CDN.
Let us know how it goes and if the issue persist please send an email at contact@tagdiv.com and provide wp-admin and ftp access so we can take a closer look. Paste a link to this topic so we can identify you.

Thanks!

iisnet
tagDiv Member

Hi,
Thanks very much, that worked. Although we did get a warning in the custom css panel about ‘img.vc_img-placeholder’ being ‘over qualified’. So we just remove the ‘img’ part leaving: .vc_img-placeholder
Thanks again for your help 🙂

hadharm
tagDiv Member

If this is unresolved yet kindly help me with changing the font making use of CSS

Bogdan B.
tagDiv Staff

Hi,
Well the plugin is not tested with our theme so i cannot say for sure if it will work properly or not. Please provide a link to your site as it looks like a simple css error. Maybe I will be able to provide a fix but I cannot promise anything as I have not seen this plugin before
Thank you!

Catalin
tagDiv Staff

Hello champaka,

Unfortunately, we do not have any category landing page, but you can achieve this if you are using some CSS code to hide the header and the footer for category pages. Regarding on sidebar, notice that you should use and add any widget you want to your sidebar from the panel, like this -> http://screencast.com/t/VDOGB6wB and the widgets from here -> http://screencast.com/t/pphotSL6w

The code which allows you to hide the header and the footer section for all category pages is here ->

.category .td-header-wrap, .td-footer-wrapper{
display:none;
}

Hope this helps!

Thanks for the message!

Bogdan B.
tagDiv Staff

Hello,

1. On any update, just the code modifications will be replaced as files get replaced when updating. the theme panel and custom css added through the theme panel will not get modified.
2. Please provide a link to your site so I can inspect this issue. The image from this example was much bigger than 50×50: http://www.screencast.com/t/dfZ1aAa2t

Thank you!

Bogdan B.
tagDiv Staff

Hello,
The color of all the links on website is affected by the theme panel theme accent color from here: http://screencast.com/t/FKpmbuoHrS
It’s best to pick the accent color for the links and change other more static elements with css if you do not want the theme accent colors over all elements. Links are very widely spread and used on all types of situations, Dropcaps for example, not so much. They can easily be changed, but the links are very hard to target.
Thank you!

Bogdan B.
tagDiv Staff

Hello,

The theme has no setting for this but you can use a little css for it. Please add this code in the theme panel->custom css box:

@media(max-width:1141px){
.td_block_related_posts{
display:none!important;
}}

Thank you!

Catalin
tagDiv Staff

Hello iisnet,

After further investigation, it seems to be a mini issue with the separator with the title if your title is too big. I have tested on my side, and it occurs this behavior. As a quick solution, you will have to try the following code and place it in Theme panel->Custom CSS area.

The code is ->

@media(max-width:767px){
.vc_sep_width_100, .wpb_single_image img.vc_img-placeholder {
width: 90%;
}
}

Hope this helps and let us know how it goes!

Thanks for the message!

Bogdan B.
tagDiv Staff

Hello

Moving the weather will require a bit of coding adjustment. The top menu consists of 2 files together. One is the top menu and the other is the social icons. The weather is found in the top menu file. You will have to move the widget code to the bottom of the file like so: http://screencast.com/t/REFTgwtWpjz2http://screencast.com/t/dHiuajXPdp9 Now you will have to switch the order in which the 2 files mentioned are loaded. Change the order like so: http://screencast.com/t/lPP48XlBmiv
Now use this css in the theme panel->custom ad spot:
.td-header-sp-top-widget{
float:left!important;
}

This was a lucky example. Normally you cannot move thing around so easy. 🙂

Thank you!

Bogdan B.
tagDiv Staff

Hello,

The image shows a big grid element you can add on your site in visual composer. You can find the element in the visual composer elements list when editing a page. It is called big grid 1: http://demo.tagdiv.com/newspaper/big-grid-1/
As for the spacing above it, you can use this css to remove it:

.home .td-main-page-wrap{
padding-top:0!important;
}

Add the code in the theme panel->custom css box

Thank you!

Bogdan B.
tagDiv Staff

Well if the mobile theme plugin isn’t working, that is not a css issue at all. It does not allow the mobile theme plugin to kick in and css has nothing to do with this. Just one more thing that could affect this. Did you try this method with wp super cache as it;s the only know issue regarding the mobile theme not loading: https://forum.tagdiv.com/topic/mobile-theme-problems-3/ It’s just a thought
Since this is the only report of such activity with cloudflare, we cannot say for sure if that is the actual cause or just an ‘accomplice’. We will investigate and come back with the results if we find anything unusual. We also use cloudlflare on our end but could not see any such issue yet.

Thank you!

Catalin
tagDiv Staff

Hello laurena86,

You should use a bit of CSS code to increase that. Place it in the Custom CSS area.

@media (max-width: 767px){
.td-main-menu-logo img {
max-height: 60px !important;
width: 150px;
}
}

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

Thanks for the message!

logosi
Participant
#0

I use a program called floatbox to trigger a lightbox and I need to add this code to the header

<link rel=”stylesheet” href=”/floatbox_123/floatbox.css” />
<script src=”/floatbox_123/floatbox.js”></script>

I’ve done it in other themes, but not sure where it would go in Newspaper? Can you help please?

If I cannot, then can you suggest a lightbox plugin that does not conflict with your code please?

MJ
tagDiv Member

Hi,

Thanks for the reply.

1. Some of the edits were code, some were in the theme panel and custom CSS. If I follow the standard instructions the theme panel and custom CSS customizations will be safe?

2. I tested changing the image size all the way down to 50 x 50 pixels, which looks tiny on desktop. However, it still won’t right align on mobile and looks huge despite its small size. However, it does right align on mobile landscape view and looks tiny.

Any ideas?!

Thanks

Irreverent Gent
Participant
#0

Hi Guys,

I’d like to use the below CSS code to replace my header image with one that runs across the whole page:

.td-logo-wrap-full {
background-image: url(“http://www.irreverentgent.com/wp-content/uploads/2016/11/Make-Yourself-Esteemed2.jpg&#8221;);
background-repeat: repeat-x;
}

When I tried this, I removed my current logo, but got a strange error. Is there something I’m not doing?

Thanks!

Dave

iisnet
tagDiv Member

Hi,
It didn’t work, now get a slightly different error:
The element <span class=”vc_sep_holder vc_sep_holder_r”></span> falls outside the viewport.
Also this line in the custom css throws up a warning message: ‘use of !important’
width: 99%!important;

rlaparre
Participant
#0

Hello,

Our site has recently become 5x slower as of 3 days ago and our domain support helped us target down the potential culprits. Our most recent ticket said the following:

From what we can see, the CSS and JS files of your application are causing the slow loading:

# http://some1spc.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css
# http://some1spc.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css
# http://some1spc.com/wp-content/plugins/contact-form-7/includes/css/styles.css
# http://some1spc.com/wp-content/plugins/buddypress/bp-templates/bp-legacy/css/buddypress.min.css
# http://some1spc.com/wp-includes/js/wp-embed.min.js

Additionally, these files are loading for 9 seconds each. Considering this, please contact the developer of the theme that you are using as this issue is not server related and we would be unable to assist you further.

Would updating the theme to the latest patch help us relieve this issue? We’ve already updated the plugins as they were recently released for woocommerce and buddypress.

Thanks!

Nano
tagDiv Member

Hi Bogdan,
I am very well aware of the settings tutorial is given here https://forum.tagdiv.com/cloudflare-cdn/ and have tried the same with disabled “Rocket Loader” for many days, but nothing helped.

Also, Rocket Loader mainly effects.JS files but the issues are related to.CSS . I have written a support mail to CloudFlare too. Let’s see what they have to say on this.

If you want to check things on my website, please do so, you already have my login credentials in your Inbox.

Thank you.

Catalin
tagDiv Staff

Hello iisnet,

Please try to use the code below and place it in Theme panel->Custom CSS area. It happens due to the Separator element from Visual Composer which has width:100%.

@media(max-width:767px){
.vc_separator .vc_sep_holder .vc_sep_line {
width: 99%!important;
}
}

Hope this helps and let us know how it goes!

Thanks for the message!

Catalin
tagDiv Staff

Hello Ladiesabroad,

Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_text_highlight_marker_green {
background-color: #e7d38a;
box-shadow:none;
}

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

Thanks for the message!

Bogdan B.
tagDiv Staff

Yes but it depends on the situation. In most cases the exact same code will not override as css needs a stronger selector to be able to override the results. If you copy and paste the exact same css you will have to use the important property. Basically you will need to have something extra than the target css in order to re-write it. Either it;s the important property or an extra selector that leads to the same css.

Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

The Visual Composer plugin was initially designed as a pagebuilder. You can use it also on post if you really want this as we have made some tests and we have fixed from css problems so it should work. But I personally don’t recommend this as for example you may not use some features like inline ad also the tagdiv gallery was designed more for post content,the shortcodes will appear on excerpts and so on.

Thanks!

Viewing 25 results - 20,176 through 20,200 (of 33,436 total)