Search Results for 'css'

Results from the Forum
Bogdan B.
tagDiv Staff

Hi,

I have checked your site and it seems my avatar is showing up in the comments: http://screencast.com/t/vrHE0AqxLP
and when I post a comment the avatar is still present. http://screencast.com/t/48iNXFHWS I also tried with a different facebook account and it still works as expected. But this is not the jetpack comments, but the FB comments plugin you have active. I will have to be able to see the jetpack comments in order to provide any fix for it, as the fb comments work as expected it seems. If only the avatar will be missing fropm the jetpack comments, css cannot add it back in. You mentioned a layout issue. css fixes layout issues, but not functionality.

Thank you!

mw4asbsdev
tagDiv Member

Hi there,

OK so I have found a work around, but if you look here http://www.southallblacksisters.org.uk/news/16-days-of-activism-gender-inequality

I want to move the blue logo on the left close the the ‘About Us’ text and remove also remove the ‘About Us’ title block – where can I hide the files I need to change through FTP or could you provide some custom CSS please?

Best wishes

Joe

pinnaclecompass
tagDiv Member

Hi,

Here is a simplified way of adding a ‘share by email’ icon. It works for us, but you must update one theme file after each theme update. (won’t work by adding in child theme)

This method simply calls on the default mail client to open on a desktop, and does not use WP to actually send the email, which we did not want anyway, to avoid any spamming.

File: ../themes/Newspaper/includes/modules/td_module_single.php

I added this line after ‘Pinterest’ link and before ‘Whatsapp’:

EDIT: PHP code was sanitized on this post, so here is the screenshot of it:

screenshot of code

And here is the CSS:

/* SOCIAL SHARING - EMAIL ICON */
.td-social-email {
  background-color: #00aeef;
  margin-left: 10px;
  padding-left: 11px;
}
.td-icon-mail::before {
  content: '\e810'; /* or '\e820' */
  font-size: 19px;
} 

Enjoy 🙂

  • This reply was modified 9 years by pinnaclecompass. Reason: sanitized PHP replaced by screenshot of code
simchris
tagDiv Member

You need to do the things in my thread

a) you need to optimize fonts either by not using Google Fonts, or you need to unhook them per my notes, then manually put the actual CSS in your style.css file at bottom

b) you need to minify the style.css file using my thread info.

c) consider some of the longer winded stuff — which is super advanced; the only way to fully eliminate above the fold issue is to put css in footer, after un-enqueuing it from the header, then use a critical css generator to build the CSS and put into your header.php file.


or — you can try to resolve some of that by using the speedbooster plugin.

Note I am only working with Newsmag optimzations now, and no longer use Newspaper.

Also note, that if you get everything else optimized, the ‘above the fold’ isn’t going to kill you in SERPS.

But there is *no* one click solution to fully optimize your site for maximum speed.

Bogdan B.
tagDiv Staff

Hello,

Please provide an example of a non rtl and non-customized site that has the mobile theme menu appear on the front-end without any custom rtl.css. (I’m not sure where the rtl.css comes from. If it;s a plugin, there is no rtl plugin tested with our theme.)
If the problem only originated when moving online, you might check your host to see what issue can show up when moving to an online environment, any caching on the server, any firewall…etc.
If you can provide an example with a default site without customization providing any problems such as you describe, we will gladly look into it via contact@tagdiv.com.

Thank you!
Bogdan B

hoops
tagDiv Member

i need the jetpack comments system because i have a plugin which exports the comments from my FB page into my wordpress database. jetpack also allows users to login using their social network accounts without creating an account in my site.

here is my site –> http://hoops.ph

you said in your previous post that maybe some css can fix it. well, im hoping you could check it out and find a way to display the facebook/twitter avatars. thanks.

  • This reply was modified 9 years by hoops.
Bogdan B.
tagDiv Staff

Hello,
Sorry but our theme has no RTL options and altering the css to work in TL mode will provide this issue as the mobile menu is hidden outside of the view but if the layout is altered it will show up as it does on your site. Please ask a developer to help in altering the theme code. Our theme does not have RTL support and it has to be implemented properly at a development stage. There is no easy solution we can provide for RTL. If you cannot use our theme without RTL support we will be able to provide a refund if you make a request on envato.
Sorry for the inconvenience.

andalucian
tagDiv Member

Hi,

Excuse me Bogdan but im not in total agreement with ur diagnostic.

1. The issue of the mobile menu on the left of the page is present in another site (ltr) i made based on ur theme.

2. In my localhost everything is fine with the VC. The problem began to appear when i hosted my work online.
The only modification i did is adding an rtl.css file. I didnt modify the core of the plugin at all.

3. I can give u the access to the backend if u give me where to send it privately to u

Bogdan B.
tagDiv Staff

Hello,

This can only be done with css. Pleas euse this code to hide the crumbs from the homepage:
.home .entry-crumbs{
display:none;
}

As for the centered crumbs, please use this css code in the theme panel-> custom css box:
.entry-crumbs{
text-align:center;
}

Thank you!

Catalin
tagDiv Staff

Hello kodiyan,

1)Please try the code below and place it in Theme panel->Custom CSS area.

a {
color: black;
border-bottom: 1px solid #4db2ec!important;
}
.td-post-content a:hover{
text-decoration: none;
color:#4db2ec
}

2)Unfortunately, the theme does not have any such an option that allows you to change the position of Related Articles. If you want to change the position you should edit the theme core file and move the code where you want, like this -> http://screencast.com/t/AtcKLbIe9o

If you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Bogdan B.
tagDiv Staff

Hello,

Unfortunately the transition cannot be removed as it is part of the menu. You can use this css to stop the transition effect:
.td-search-opened .td-search-background, .td-search-background{
transition:none!important
}

The background colors can be changed from the theme panel colors section or from the mobile theme section if you use the mobile theme plugin

Thank you!

Bogdan B.
tagDiv Staff

Hello,

Our theme does not have any such option so it will have to be made custom. We have not implemented any such feature. category colors are only shown on the post category tags on the post page. You can use css to color your menu items. I can provide an example of how it can be done if you can provide a link to your site so I can inspect it.

Thank you!

manishahi
tagDiv Member

Hey Catalln,

I actually figured it out and had to put some CSS code to make it same as other pages. So, you can mark this as resolved.

Bogdan B.
tagDiv Staff

Hello,

Well there seem to be a few styling issue with your form element. You have an empty paragraph here: http://screencast.com/t/LaaOWeaLf4Pn you can remove that from text mode
There is also an empty image that adds extra spacing: http://screencast.com/t/gMKNg4W29B
Then you can use this custom css to reduce some of the margins:
.vc_message_box p{
margin-bottom: 0!important;
}

Thank you!
Bogdan B

Catalin
tagDiv Staff

Hello rdsem,

You should use a bit of CSS code to decrease the image height. Try the code below and place it in Theme panel, custom CSS area.

@media(max-width:1024px){
.td-stretch-height {
height: 89%;
}
}

The result is here -> http://screencast.com/t/W3uY4Gv3WFb

Thanks.

orlando
tagDiv Member

Hi Chris S,

you who are a real web professional, how can you fix this problem ???

Delete JavaScript and CSS that block the view in above-the-fold content
Your page has 4 blocking CSS resources. This causes a delay in the page.
It was possible to see about 58% of above-the-fold content of the page without having to wait for the loading of the following resources. Try to postpone or to load asynchronously lock resources or incorporates key parts of these resources directly into the HTML code.
Optimize CSS publication of the following:
https://fonts.googleapis.com/…family=Open+Sans:300,400,600,700&ver=3.2
https://fonts.googleapis.com/…00,700italic,400italic,300italic&ver=3.2
https://www.site.com/…r/assets/css/js_composer.min.css?ver=3.2
https://www.site.com/…content/themes/Newsmag/style.css?ver=3.2

I hope you can help me, Thanks
Orlando

simchris
tagDiv Member

are you including Include jquery.js, jquery.gifplayer.js and gifplayer.css on your site ??

Check your page source to make sure they are loading; check F12 in console for errors in javascript.

Not really theme related question.

And note most CSS classes are CaSe SenSiTive.

  • This reply was modified 9 years by simchris.
erdis
Participant
#0

Hi
https://github.com/rubentd/gifplayer
I added the CSS and JS in the following link I added.
the article I added to the IMG code does not work.
<IMG class=”GIF-player” src=”…
Why doesn’t it work ?

simchris
tagDiv Member

It’s found on the Themeforest website and in the download ‘all files’ for the Newsmag theme.

You will get automated email from TF when the theme is actually updated. Don’t go by the “last updated” box on right side of TF page as that is just when the info was updated, not necessarily the actual theme.

\\
NEWSMAG Version 3.2 – October 10th, 2016

new: added support for design options on most of the blocks. You can now change the padding, margin and border on blocks
new: added support for retina images on our blocks and modules. You can enable them in the panel.
misc: various core code refactoring and optimizations.
misc: better theme documentation and better help text in panel
misc: added used on for thumbnails in theme panel
misc: file path and names are now visible on each module, smart list, template etc on hover
misc: breadcrumbs markup, added BreadcrumbList schema
fix: our blocks sometimes had issues autoadjuting the column count when placed in a inner row that is in a row
fix: on first install the Visual Composer tooltip was appearing over our tooltip and there was no way to close the last remaining open tooltip
fix: wrong recomanded columns in Visual Composer, new users found it dificult to find out on what colum layouts our blocks work best
fix: background ad on tempalte 8
fix: top menu hover and background ad cursor fix bugs
fix: images that have alignnone now work as expected
fix: main menu was loading without css on first load
fix: modal login button css
The list of modified files

  • This reply was modified 9 years by simchris.
peeradetch
Participant
#0

When I use visual composer for post and divide row in 3 columns, i got a strange vertical line in the middle of 1st and 3rd column. I don’t know where it comes from and try to find a css and fix it but nothing found. Please tell me how to get this strange vertical line out or disable it?

screenshot -> https://s18.postimg.org/vcyp18hwp/2016_11_27_105825.jpg

Maui No Ka Oi Magazine
tagDiv Member

Ahhhh-hah… It seems to create a problem when I delete extra spacing in the layout between my text and the button info… Any CSS suggestions you can recommend to make the page still look good when using Paypal buttons? Thank you!

simchris
tagDiv Member

Hi,
likely Feb. ?

I have to get our new corporate website 2017 done for January (working on that right now, oh wait, no I’m not, I’m here!) 😉

Using super lean WordPress home-brew theme, with Bootstrap 3x and avoiding some dumb aspects of WordPress (like, why enqueue css in head, then unenque with function, then manually put in footer .. ? why not just put it in footer to begin with – duh !).

Anyway… for this plugin doing some neat things for our own “corporate site,” like adding the excerpt box for pages, so THAT can be used for SEO elements, and custom field for Facebook image; basically couple of really simple things to not have to load Yoast SEO and ACF to do some really basic things. I don’t use YOAST SEO for anything except the headers META and sitemap, and it’s getting freaky bloated now for just doing that!

Anyway… the idea for plugin is to allow me to add all the stuff I keep doing in one darn plugin so I can stop editing every damn functions.php file !

However, before I can release to public I will need to make some admin panel options, to turn stuff off/on (like maybe you want the stupid emoticons?), and perhaps you want less compression than “50,” so how nice to have an option to set quality factor in a box ? Yeah!

So after 12 years with WordPress, finally snapped on this latest project and said “you know, why don’t I just put all this damn stuff into a plugin?” — anyway, that’s the plan. Doing it for myself, and this will trickle into a free thing others can use.

Peace out!

Chris

fabinhoalmeida
tagDiv Member

Very grateful for the help guys!

The “trick” suggested by Kevin worked like a charm.

Sometimes a bug occurs, but nothing that could disrupt the use and construction of the layout through TD composer.

Thanks also to Chris S and congratulations to Bogdan B. and all the TagDiv team for being so great! The best masters at it !!!

Still on the subject, would you be able to tell which function could avoid (dequeue) loading of JS and CSS of TD composer in single pages?

Thank you so much!

Catalin
tagDiv Staff

Hello SoNowner,

You should add the Block 24 layout from your Visual Composer. Please notice that each demo has own style if you want to have, for example, on the Say What demo the style from Car Blog demo, notice that you should do it manually. Also, you can use the inspector browser, check the style from your desired demo and then you should implement it yourself. As you can see here, each demo has own custom CSS code, like this -> http://screencast.com/t/l4xYTpxI
If you want to make some additional customization to our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because wee cannot provide custom work at the moment, sorry!

Thanks for the message!

SoNowner
Participant
#0

Hi, I have newspaper installed using the Say What? demo and i’ve created a page that would like to look like the Block 24 layout here

http://www.screencast.com/t/iw6fFDI6Ek

best,

Sonowner

Viewing 25 results - 20,001 through 20,025 (of 33,436 total)