Search Results for 'css'

Results from the Forum
Catalin
tagDiv Staff

Hi JDF,

I’ve checked your site and i saw your problem. Please try a bit of custom CSS like this:

@media (max-width: 767px)
.header-style-3 .td-logo img {
right: -75px;
}

Also please remove this CSS style:

@media (max-width: 767px)
.header-style-3 .td-logo img {
width: 35px!important;
}

The result you can see here: http://screencast.com/t/kirDo2EGY

Thanks and let us know how it goes!

  • This reply was modified 10 years by Catalin.
stuartmasson
tagDiv Member

Sorry, feeling stupid… Didn’t even look there, was fiddling with custom css.

Thanks 🙂

Bogdan B.
tagDiv Staff

Hello,

The theme has only one post view counter that is site-wide. They are not controlled separately. The easiest way to have views in the back-end and not in the front-end is with CSS:

.td-post-views{
display:none!important;
}

This way you will be able to control the front-end by adding or removing the code.
You can do this for the back-end as well:

.td_post_views.column-td_post_views{
display:none!important
}

To add separate buttons for views in the theme panel will be no easy task and it will require custom work which we cannot provide. If you really need this customization you can hire a freelancer to do it.
I hope this helps.
Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

The theme has an option to display the quotes on blocks. This is not added for all blocks, it is available especially for blocks with big thumbs and only when they are used in 1 column – http://screencast.com/t/qaBMFxAskhttp://screencast.com/t/XWNnOvmyDnShttp://screencast.com/t/eekGsoIG
Also you can change the default css using this class – http://screencast.com/t/1qy83RXGtj

Thanks!

Andrei L.
tagDiv Member

Hi

Try this custom css in theme panel > custom css: http://screencast.com/t/uPl3Ws1IYOC

.td-grid-style-4.td-hover-1 .td-module-thumb:before{
background: grey;
opacity: 0.6;
}

To add a space between thumbs you can add a padding using this css: http://screencast.com/t/87cynyfrKC6

.td_block_big_grid_7 .td-module-thumb {
padding: 2px;
}

This css will be applied only for big grid 7.
Thanks!

JDF
tagDiv Member

Hi,

Thanks for your answer
I just cleaned all my custom css and deleted all the unnecessary stuff. Also I desactivated the plugins.

The error might be in the following lines (I copy pasted most from the other topics…..)


@media
(max-width: 767px) {
#td-top-menu{
display: none !important;
}
.td-sp-ico-menu {
background-position: -20px -364px !important;
}
.blog-stack #td-top-search {
position:absolute!important;
right: 0px!important;
top: 0px!important;
}
.blog-stack .header-search-wrap .dropdown-menu{
left:-270px!important;
}
.header-style-3 .container-fluid{
position:relative!important;
left:-45%
}
.header-style-3 {
height:12px;
}
.header-style-3 .td-logo img{
width: 35px!important;
}
.block-title a, .block-title span, ul.td-category a, .td_social .td_social_type {
background-color: transparent;
color:#000000;
}
.td_block_wrap .block-title a{
color:#333333;
}
.blog-stack.td-boxed-layout .td-menu-wrap {
background-color: transparent;
border-bottom: 1px solid #ebebeb;
border-top: 0px solid #ebebeb;
}
.td_d_slug_1 {
display: none;
}
.clearfix{
height: 40px;
}

Sorry to bother you, I’m not good at this.

This is how I’m seeing it now, http://hpics.li/5c19f00
it displays the PC logo in miniature. Also the menu and search icons aren’t centered at they used to be.

Thanks for your assistance

  • This reply was modified 10 years by JDF.
  • This reply was modified 10 years by JDF.
kanenas
Participant
#0

Hi guys,

WordPress: 4.3.1
WP multisite enabled: No
Theme name: Newspaper
Theme version: 6.5.1
Theme database version: 6.5.1

I have to mention that I am using the child theme of Newspaper as provided in the package.

The problem is that although I have chosen Roboto (Google Font) and in here:

Dashboard > Newspaper > Theme panel > Theme Fonts > “Add custom fonts / Change google fonts settings” > Google Font Settings (Latin & Greek) > Save Setings

I end up with the following when viewing source…

<link rel='stylesheet' id='google_font_open_sans-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C400%2C600%2C700&subset=greek%2Cgreek-ext&ver=442213b9f64802786cef7a695850c25f' type='text/css' media='all' />

<link rel='stylesheet' id='google-fonts-style-css' href='https://fonts.googleapis.com/css?family=Roboto%3A400%2C700&ver=442213b9f64802786cef7a695850c25f' type='text/css' media='all' />

So how do I get rid of “Open Sans” 🙂 and how do I get to load the subsets for Roboto?

Thanks!

Daniel Finch
tagDiv Member

Recorded a little video so you can see what the problem is…

https://www.youtube.com/watch?v=A5ltHIVdD3E – It’s private and I shared it using your email address contact@tagdiv.com

Screenshots:
CSS 1: http://take.ms/eiQAN
CSS 2: http://take.ms/v5UBT

derdiedasjp
tagDiv Member

Hi Alin,

Thanks. I followed your advise, disabled Photon and also removed our CDN.
I also removed the custom CSS I used to fix the issue. Also regenerated all thumbnails.

To no avail. The grey border persists (it looks even worse now) and the top grid is broken.

What am I missing? I’m using the system out-of-the-box!

http://dev.derdiedas.jp/

Best regards,

Bogdan B.
tagDiv Staff

Hi,
You can use a bit of custom CSS to make it more visible:
.td_block_14 .td_module_mx1 .entry-title{
text-shadow: -1px -1px 0 rgba(130, 132, 130, 0.75), 1px -1px 0 #615D5D, -1px 1px 0 #5D5B5B, 1px 1px 0 #636262;}

result: http://screencast.com/t/umTSeNEy
Thanks.

Bogdan B.
tagDiv Staff

Hello,

Unfortunately there is no option in the theme panel to disable responsiveness. Almost all users want responsiveness. However, if this is what you want, you will need to edit the core files to achieve this. You will have to edit Style.css and remove all the media equerries.
You can read more about it in this topic: https://forum.tagdiv.com/topic/enable-disable-responsiveness/

Thank you!

Mecburlar
tagDiv Member

http://mecburlar.com/…-includes/js/jquery/jquery.js?ver=1.11.3
http://mecburlar.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://mecburlar.com/…assets/js/js_composer_front.js?ver=4.7.4
http://mecburlar.com/…lib/waypoints/waypoints.min.js?ver=4.7.4
http://mecburlar.com/…uery.themepunch.tools.min.js?ver=5.0.4.1
http://mecburlar.com/…themepunch.revolution.min.js?ver=5.0.4.1
http://mecburlar.com/…jquery.form.min.js?ver=3.51.0-2014.06.20
http://mecburlar.com/…ct-form-7/includes/js/scripts.js?ver=4.3
http://mecburlar.com/…Newspaper/js/tagdiv_theme.min.js?ver=6.5
http://mecburlar.com/…cludes/js/comment-reply.min.js?ver=4.3.1
http://mecburlar.com/…mment-system/media/js/count.js?ver=4.3.1

I could not find them in txt file. My txt file

registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
wp-mediaelement | /wp-includes/js/mediaelement/wp-mediaelement.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
itsec_file_change_warning_js | http://mecburlar.com/tr/wp-content/plugins/better-wp-security/core/modules/file-change/js/admin-file-change-warning.js
itsec_strong_passwords | http://mecburlar.com/tr/wp-content/plugins/better-wp-security/core/modules/strong-passwords/js/strong-passwords.js
wp-color-picker | /wp-admin/js/color-picker.min.js
wpseo-admin-global-script | http://mecburlar.com/tr/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td_wp_admin | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/js/tooltip.js
thickbox | /wp-includes/js/thickbox/thickbox.js
jquery |
jquery-ui-sortable | /wp-includes/js/jquery/ui/sortable.min.js
to-javascript.js | http://mecburlar.com/tr/wp-content/plugins/taxonomy-terms-order/js/to-javascript.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
backwpup | http://mecburlar.com/tr/wp-content/plugins/backwpup/assets/css/backwpup.min.css
wp-mediaelement | /wp-includes/js/mediaelement/wp-mediaelement.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
itsec_notice_css | http://mecburlar.com/tr/wp-content/plugins/better-wp-security/core/css/itsec_notice.css
wp-color-picker | /wp-admin/css/color-picker.min.css
td-plugin-framework | http://mecburlar.com/tr/wp-content/plugins/td-api-plugin/wp-admin/style.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://mecburlar.com/tr/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/css/wp-admin.css
thickbox | /wp-includes/js/thickbox/thickbox.css
ithemes-icon-font | http://mecburlar.com/tr/wp-content/plugins/better-wp-security/lib/icon-fonts/icon-fonts.css
to.css | http://mecburlar.com/tr/wp-content/plugins/taxonomy-terms-order/css/to.css

Catalin
tagDiv Staff

Hi @snowwatchGB,

I’ve checked your site and i think your problem is related to the appearance of advertising banner on iPad Portrait View.

Please try this code below within theme panel->custom CSS area: http://screencast.com/t/O59fSfIHD

.td-rec-hide-on-tp {
display: block!important;
}

If is not what do you mean, please provide more details for solve the problem.

Thanks.

Bogdan B.
tagDiv Staff

Hello,

You can change the post title color from the theme panel: http://screencast.com/t/UrPQT0OW
If you want to target just a specific post template you can do it with CSS:
.td-post-template-7 .td-post-header .entry-title{
color:red;
}

Thank you!

Bogdan B.
tagDiv Staff

Hi,

You could make the login widget appear only on the mobile version. You can hide the login with css and then force it to appear on mobile. Then make the login in the main menu disappear on mobile so you won’t have 2 logins in the mobile version. This seems the easiest way. The drop-down way involves a bit of coding knowledge and it will be no easy task. unfortunately we cannot provide custom work at the moment, you will have to hire a freelancer to do it.
I hope this helps.

Thanks.

Andrei L.
tagDiv Member

Hi

Try this custom css: http://screencast.com/t/43m8v958

.td-icon-mobile:before {
content: '\2630';
font-size: 40px;
}

Thanks!

Bogdan B.
tagDiv Staff

Hellow,

It can be done with a bit of custom css. You can follow this topic here to reach your goal:
https://forum.tagdiv.com/topic/add-a-space-gap-above-the-whole-website/

Thank you!

Alin [tagDiv]
tagDiv Staff

Hi,

If you add a custom class like in my example the css will be applied only there, no h tags affected.
You can add the css code in Theme Panel > Custom Csshttp://screencast.com/t/XmKLxknI

Thanks!

Aditya
tagDiv Member

Hi,Catalin

I’m selecting Style 2. I only had to css code for border. below Logo+add

Like That – http://www.screencast.com/users/addyshon/folders/Default/media/630e8d7e-0eca-4f48-af70-e20f8cd9386e

vladimirtrajkovic
tagDiv Member

Hi Alin,

Thanks for your prompt replay. If I do this, will I change the font size of all h1 and h2 tags theme-wise (posts, other pages etc.)?

And one more thing – how/where to add the custom CSS code in my theme?

Thanks,
Vladimir

Alin [tagDiv]
tagDiv Staff

Hi Vladimir,

You can add h1 and h2 tags to the footer description text and use a custom class to change the default theme css for h tags – http://screencast.com/t/DeQlsOfthttp://screencast.com/t/ZlcrlhUvybk

.td-footer-h {
display: inline;
font-family: 'Open Sans', arial, sans-serif;
color: #fff;
font-size: 14px;
line-height: 21px;
margin-top: 0;
margin-bottom: 0;
font-weight: normal;
}

Hope this helps!

Alin [tagDiv]
tagDiv Staff

Hi,

You can use custom css in Theme Panel > Custom Css to hide it – http://screencast.com/t/4qRi8bhZ

.td-category-pulldown-filter {
display: none;
}

Or you can remove or comment this line for each category template that you use – http://screencast.com/t/ro4e4R15F2

Thanks!

Bogdan B.
tagDiv Staff

Hello josan,

As a quick solution to your problem is to comment out this section in the speedbooster file: http://screencast.com/t/RZLIOPUNdqh to override the plugin compatibility. Now it should work with any plugin.
As for the minify, we do not recommend any minification because it will cause lots of problems. We have not found a plugin to minify css and javascript without errors although some users claim this one does the trick https://wordpress.org/plugins/merge-minify-refresh/. We have not tested it tough so we cannot say for sure if it will cause errors or not.
In order to make your website faster you can follow this tutorial: https://forum.tagdiv.com/how-to-make-the-site-faster/
I hope this helps!

Thank you!

Andrei L.
tagDiv Member

Hi

Glad you could manage to solve this issue. Note that the Speed Booster plugin was tested only with a few plugins. You can check an untested plugin behavior with Speed Booster enabled by adding it on allowed plugins list: http://screencast.com/t/dCMffJFq or by moving its css/js resources at page bottom: http://screencast.com/t/P7r6uHvvJl For more information regarding Speed Booster please check this topic: https://forum.tagdiv.com/topic/speed-booster-questions/

Thanks!

Bogdan B.
tagDiv Staff

Hello,
Unfortunately there is no option to upload a second logo to the sticky menu. You will need custom modifications to do that.
You can on the other hand more easily style it with CSS:
As a suggestion, you can add a white background color to the logo and you can position it a bit lower and maybe add a rounded border to it if you like, something like: http://screencast.com/t/IVIePZFm

@media (min-width: 768px){
.td-header-wrap .td-affix .td-main-menu-logo img {
max-height: 48px !important;
background-color: white;
margin-top: 20%;
border: 1px solid white;
border-radius: 10px;
}}

Or another option is to edit your logo in photoshop (or other editing software) and add a white outline to the content so it will be visible on similar color backgrounds.

I hope this helps.
Thanks.

Viewing 25 results - 26,101 through 26,125 (of 33,436 total)