Search Results for 'css'

Results from the Forum
mariosem
Participant
#0

Hello,

on Chrome, my site doesn’t get the mods I made to typography and CSS. I’ve tried to empty the cache but nothing changes. On Safari, the mods are there. Any suggestions? Thanks

Catalin
tagDiv Staff

Hello carmene,

The title of the page appears only you have used the pagebuilder+page title template from the panel, like this: http://screencast.com/t/uTUmTaoqxe69 If you want to hide it, please try the code below and add it in Theme panel, Custom CSS area, like this: http://screencast.com/t/ciJiRsZWFU

.td-page-title {
display:none;
}

Hope this helps and let us know how it goes!

Thank you for the message!

Alin [tagDiv]
tagDiv Staff

Hi,

The theme is responsive as it is fluid and style for desktop/tables/mobile screens unfortunately it doesn’t have any settings to disable background image on mobile(you can only hide it via custom css) and this option is from Visual Composer(background to the row/column).
For css you can differentiate phones an tablets using media queries – https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
For php you could use this function – https://codex.wordpress.org/Function_Reference/wp_is_mobile

Thanks!

Andrei L.
tagDiv Member

Hi

The css selectors for the containers that you indicated are:

-content container: td-container or td-container-border
-post tile selector: entry-title td-module-title for pages/modules and entry-title for posts
-if you’re referring at post paginations the container is: page-nav-post
-comments container: comments this is for the entire comments section, for each comment the selector is comment followed by an unique id: http://screencast.com/t/GSDMhvr7n

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

Andrei L.
tagDiv Member

Hi

Try to deactivate all plugins except Visual Composer, clear all caches and check if the problem persist. If the problem is still there try this css in theme panel > custom code > custom css: http://screencast.com/t/vtUr2zpnguem

.vc_row{
margin-left: 0;
}

I’ve checked your site and found some js errors in browser console: http://screencast.com/t/00Ch1Qx8 Make sure that you remove any minifications tools if you use’re using and test again. Also you can try to update the theme and Visual Composer plugin at the current version available o themeforest: https://forum.tagdiv.com/newsmag-how-to-update-the-theme/https://forum.tagdiv.com/newsmag-how-to-update-visual-composer-plugin/ empty all caches ant test again. Before the update process do a full back-up to your database and the current WordPress install: https://codex.wordpress.org/WordPress_Backups in case something goes wrong you can get back to the previous version.

Thanks!

Andrei L.
tagDiv Member

Hi

1. try this css in theme panel > custom code > custom css:

.td_module_6, .td_module_7 {
border-bottom: 1px dotted grey;
margin-top: 10px;
}
.td_module_6 .td-module-thumb, .td_module_7 .td-module-thumb {
margin-bottom: 6px;
}
.td_module_6 .item-details, .td_module_7 .item-details{
margin-bottom: 10px;
}

2. Try this css: http://screencast.com/t/DsqKny9Mi

.td_module_5 {
border-bottom: 1px dotted #f1f1f1!important;
}

3. The indicated line appear on header style 7 so you can change the header style and the line won’t apear anymore.

4.Try this css:

.td_module_5 {
padding-bottom: 8px!important;
}

Hope this help.
Thanks!

joyceloh
Participant
#0

Hi,

Please help with the below:

1) Can you help me with the CSS code to enlarge my logo size on mobile version? It is too tiny now

2) Can you help me with the CSS code to lessen the height for top of my ad box and bottom of my ad box on my homepage?

Link sansan.qriosity.com.sg

Alin [tagDiv]
tagDiv Staff

Hi

Please disable all your plugins except of Visual Composer, clear all caches, disable any css/js minifications and see if you still have this issue. Also you could check this by using the main theme and make sure you use the latest theme version.

Thanks!

Catalin
tagDiv Staff

Hello SergioAyres,

If you want to change this blue square, you need to try a bit of CSS to change it. Please try the code below and add it in Theme panel->Custom CSS area, like this: http://screencast.com/t/JJ2G9Vdvm90I

.td-grid-style-4 .entry-title {
background-color:blue;
}

The result: http://screencast.com/t/Ix2JkX7ExScS

Our theme uses the RGBA method to obtain a better effect of the background-color, like rgba(77, 178, 236, 0.7) You can adjust these values until you achieve as you wish.

Hope this helps and let us how it goes!

Thank you for the message!

Alin [tagDiv]
tagDiv Staff

Hi,

This depends what aspect ratio you image has, so please customize you logo image before upload it(use an image editor soft), for example an image at this size will look – http://screencast.com/t/WMC8ozxq3
without any custom css modifications.

Thanks!

Andrei L.
tagDiv Member

Hi

I thing you can replace this css http://screencast.com/t/S6nDQTNLv with this one:

.td-pb-row [class*="td-pb-span"]{
border-color: #293e6a;
}

Let me know how it goes.
Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

The css provided by Bogdan should work, I also inspected your site and you have also this custom css to change the border color but this is not applying – http://screencast.com/t/xm36aVd22 If you are aware about this css you can add !important tag try something like this – http://screencast.com/t/YeEpUMSGSKk

table td {
border-color: white !important;
}

Unfortunately Bogdan’s code or the above code to change the border color are general and all your tables will be affected, basically you will not have a border even you add a html table.

Thanks!

vpadro
Participant
#0

Hi,

I’m having this awful issue where the modules on the home page are not being shown how they’re suppossed to show, at first I thought it was a thumbs issue, I regenerate all the thumbs as you instruct on your how to pages, but didn’t fix anything, I deleted the thumbs and regenerate again but all the thumbs dissapear so the issue went from bad to worst, so I regenerate all the thumbs with Auto Post Thumbnail PRO Plugin from envato and it did create the thumbs but I’m still having the same issue, I have created several pages with different layouts even using your default templates which have changed nothing, so I’m really lost where to look at, I can’t find a way to reset the settings on the theme which is kinda annoying since in this case it might help to debug something maybe?

Post from Big Grid 5

Posts from Block 14

Page builder Editor

HardwareMX

Anyway, these other issues brought to my attention when I launched the web console in Google Chrome, I really don’t know if they are related to the issues I’m having:


layout_engine.js:111 The deviceorientation event is deprecated on insecure origins, and support will be removed in the future. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
base.js:3467 SVG's SMIL animations (<animate>, <set>, etc.) are deprecated and will be removed. Please use CSS animations or Web animations instead.
s.ytimg.com/yts/jsbin/www-widgetapi-vfloT07bb/www-widgetapi.js:55 Uncaught TypeError: Cannot read property 'apply' of undefined
(program):1 Blocked a frame with origin "https://www.youtube.com" from accessing a frame with origin "http://www.hardwaremx.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.
(anonymous function) @ (program):1
3www-embed-player.js:557 Untrusted origin: chrome-extension://boadgeojelhgndaghljhdicfkmllpafd
3www-embed-player.js:557 Untrusted origin: chrome-extension://boadgeojelhgndaghljhdicfkmllpafd

Could you please point me out to the right direction since I was going to lauch the new skin on January 1st and I made all the testing I needed on a DEV site which everything is working as expected.
Dev Site

Thank you for your time.

Andrei L.
tagDiv Member

Hi

First you need to edit td_module_related_posts.php file and change the indicated value like here: http://screencast.com/t/c2kNEqwGIyP then add this css in theme panel > custom code > custom css:

.td_block_related_posts .td-related-span4 {
width: auto;
}

Thanks!

prvn
Participant
#0

Tried to install Newspaper using Upload Theme.

Installing Theme from uploaded file: themeforest-5489609-newspaper.zip
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme install failed.

This is the error. Plz help.

airshoot
tagDiv Member

Hello Catalin,

Thank you for your help. It’s ok now … it was a bad plugin with a bad CSS for video embedding … not required anymore.

Happy new year !

G.

Xperten
tagDiv Member

Update

For this page I have made the following CSS – and it did the trick. However, I’m not sure it’s the most efficient way to style the bottom border, so if you can take a look, and perhaps suggest a better CSS for the bottom border :-)?

I have only inserted the CSS code for the page linked to above.

———–
CSS
———–

.td-container-border:after, .td-next-prev-separator {
background-color: #293e6a;
}

.td-pb-row [class*=”td-pb-span”], .td-pb-border-top, .page-template-page-title-sidebar-php .td-page-content > .wpb_row:first-child, .td-post-sharing, .td-post-content, .td-post-next-prev, .author-box-wrap, .td-comments-title-wrap, .comment-list, .comment-respond, .td-post-template-5 header, .td-container, .wpb_content_element, .wpb_column, .wpb_row, .white-menu .td-header-style-1 .td-header-main-menu, .white-menu .td-header-style-2 .td-header-main-menu, .white-menu .td-header-style-3 .td-header-main-menu, .white-menu .td-header-style-4 .td-header-main-menu, .white-menu .td-header-style-5 .td-header-main-menu, .white-menu .td-header-style-6 .td-header-main-menu, .white-menu .td-header-style-7 .td-header-main-menu, .white-menu .td-header-style-8 .td-header-main-menu, .white-menu .td-header-style-9 .td-header-main-menu, .td-header-style-6 .td-header-container, .td-post-template-1 .td-post-content, .td-post-template-4 .td-post-sharing-top, .td-header-style-6 .td-header-header .td-make-full, #disqus_thread {
border-color: #293e6a;
}

Xperten
tagDiv Member

I wrote this CSS code:

.td-container-border:after, .td-next-prev-separator {
background-color: #293e6a;
}

And it changed the right line to the background color (which is what we are looking for)

However, I could not inspect the bottom border, to make any CSS for that – does this look right?

simchris
tagDiv Member

There is no appropriate “speed” — benchmark. As every web server varies as well as the level of optimization you do to it.. for instance are you optimizing your wp-config.php file ? TTL and additions to your .htaccess, mods to functions.php file to remove redundant code from headers, remove external loading elements, optimize font delivery from Google by taking the code and putting into your style.css file to only load fonts and not the CSS, etc.

Does your hosting account have a 10/100/1000 switch connected to net vs 10/100 ?

Are you running mod_pagespeed or http/2 ?

Each “post” can load at different speed based on content, server optimization, caching, etc.

Server response time is very important (ours is 0.33 seconds and Google complains about that!).

Some basic testing with *no caching* for reference (all include google fonts, and icons font, jquery from google, google fonts).

Some of our pages load in 2 seconds and not fully optimized, but 1.1MB in size, google fonts, non optimized disqus plugin, 3 ad units on page. http and mod_pagspeed basic setting.

Smaller page, 2.01 sec. (no disqus, 2 ad units, google fonts), 950kb.

Now, on a fully optimized page – no caching:
2.09 seconds (per Pingdom), with 100/100 “grade” 271kb, no ads, google fonts, https page!; mod_pagespeed, NO caching. So, 2.09 sec. on the single run (re-run might be quicker due to some server caching on back end), and yet gets 100/100 grade.

Google does like sites with sub 1 sec loading, but this requires massive amount of micro-optimizations and very effective caching, and generally no external content loading (e.g., native fonts, etc.).

Just some food for thought
… I’m actually working on optimizing our new CMS, and going through the same shenanigans to see “best we can do pre caching” — meaning 100/100 pingdom, 100/100 UX and 98/100 speed on Google Pagespeed insights (hard to get 100/100 consistently it seems … I tweak it, then they hit me with the 0.33 server response too slow!!!).

Always a fun time! 🙂

  • This reply was modified 10 years by simchris.
Emil G
tagDiv Staff

Hi,

1. The more stories box can be disabled from Theme Panel -> Post Settings – http://screencast.com/t/g7g4l9UZ

2. There’s no option for this, you could try to use custom css to change their color – http://screencast.com/t/0JPEVsp0q

.td_module_wrap .td-module-meta-info a[href*=explore]{
background-color: red !important;
color: #fff;
}

3. Try the following css(add it in Theme Panel -> Custom Code -> Custom CSS):

article .td-social-twitter, article .td-social-google, article  .td-social-pinterest {
display: none;
}

Thank you!

  • This reply was modified 10 years by Emil G.
Emil G
tagDiv Staff

Hi,

Unfortunately there’s no alternative yet. You could add some caption manually after each image, inside a container and use css to style it. We have this on our list and we’re looking for a solution, we will release a fix as soon as we find a solution for this.

Thank you!

Emil G
tagDiv Staff

Hi,

Brain916 – You could use the browser inspector to see what css is used on the theme button and create a custom css for the one which comes with Disqus. If you don’t know how to do this please provide the url and i’ll get back with a solution.

Thank you!

Emil G
tagDiv Staff

Hi,

You can disable it globally from Theme Panel -> Post Settings – http://screencast.com/t/fug7oalY2
If you want to remove it only from modules present on pages you could use custom css (add it in Theme Panel -> Custom Code -> Custom CSS):

.td_module_wrap .td-post-author-name, .td_module_wrap .td-post-date {
visibility: hidden;
}

Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

You could hide the header and other sections by using custom css in Theme Panel > Custom Css and you can use page unique id to hide them only on specific page, for example – http://screencast.com/t/khqk0PJ3 or for post page – http://screencast.com/t/AgR3vo5QhN
Regarding the analytics code please make sure you use the right code, use this guide: https://support.google.com/analytics/answer/1008080?hl=en You have to paste the entire code provided on your analytics account, if you paste only the id it will appear on top of the page.
The code starts with the <script> tag and it ends with </script> I guess this is what you mean.

If you need more assistance regarding this or you have other issues with the theme please note that we will get in touch with you Monday – http://screencast.com/t/5EQlEtXSFCp

Thanks for understanding! Happy new year!

Alin [tagDiv]
tagDiv Staff

Hi,

1. The theme doesn’t have such an implementation and you will need custom modifications and I suggest to get someone to help you with it. If you only want to open the link in another tab/window just add target="_blank" to your link – http://www.w3schools.com/tags/att_a_target.asp
2. Please try this custom css in Theme Panel > Custom Csshttp://screencast.com/t/bYeVobCjqw

.footer-text-wrap p:last-child a {
text-decoration: underline;
}

If you need more assistance regarding this or you have other issues with the theme please note that we will get in touch with you Monday – http://screencast.com/t/5EQlEtXSFCp

Thanks for understanding! Happy new year!

Viewing 25 results - 25,126 through 25,150 (of 33,436 total)