Search Results for 'css'

Results from the Forum
Rony123456
tagDiv Member

Hi, I tried this code and it worked:

.td-header-style-8 .td-style-8-logo-wrapper .td-logo img {
max-width: 60%;
}
.td-head-style8-logo-desktop {
margin-top: 7px;
}

But it makes the logo go below the navigation bar when the user scrolls down on the main site or mobile:

Here is the entire Custom CSS that I am using:
http://pastebin.com/aNVvdF3d

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately this issue is normal because css code is apply in cascade so the css from above overwrite theme css so there is a delay and is visible. Please try to replace the above css code with this one and see if works better:

.td-header-style-7 .td-header-sp-logo img{
float: left;
}

Or this one:

.td-header-style-7 .td-header-sp-logo img {
right: auto;
margin: 0px;
}

I’m not sure if this will help because like I said it will be a delay when css code will overwrite.

Thanks!

Lucian
tagDiv Staff

Hi,

Please also provide your site’s URL so I can check it. Send it via email at contact@tagdiv.com if you don’t want to make it public.

The td_inspect_scripts() function returns a list of registered css and js from your site.

You could try to play with the priority, if it doesn’t return all js – http://screencast.com/t/7fhfjttAT8
http://codex.wordpress.org/Function_Reference/add_action

Thanks

Alin [tagDiv]
tagDiv Staff

Hi,

Like you can see in Custom typography there is an option to set font only for default page template. So when you have text content that template should be used. The other page templates(you use Homepage Blank – http://fashionview.gr/ ) are recommended to be used pagebuilder content like you can see in our documentation: https://forum.tagdiv.com/page-templates/
We will change Theme Fonts in version 5 of the theme and will be added more options there, till then please try this custom css in Theme Panel > Custom Css so it will change font family for paragraph(it should change even if you use another page template than default): http://screencast.com/t/b5VfVlvV

body,p {
font-family: Open Sans;
}

About Blockquote please check your page as there is added some css in the backend and overwrite Open Sans font: http://screencast.com/t/YMlkDEyB6V
In this page your font is applied: http://screencast.com/t/9bwsRUj39B0

You use pages instead of using posts for text content and pictures that’s why you have some issues with fonts. You can do that, but it will be more easily to use posts to write your articles(set fonts for title and content – http://screencast.com/t/VR5BI1efbPn) as pages are used especially for Page builder – add elements via Visual Composer.

Hope this helps to solve these issues!

aymanati
tagDiv Member

Hi,

This is the site: http://news.kfupm.edu.sa/site/

I set the font for post titles (all styles) and for menus and page title.

I added this in custom css:

@font-face {
font-family: 'droid_arabic_kufibold';
src: url('DroidKufi-Bold-webfont.eot');
src: url('DroidKufi-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('DroidKufi-Bold-webfont.woff2') format('woff2'),
url('DroidKufi-Bold-webfont.woff') format('woff'),
url('DroidKufi-Bold-webfont.ttf') format('truetype'),
url('DroidKufi-Bold-webfont.svg#droid_arabic_kufibold') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'droid_arabic_kufiregular';
src: url('DroidKufi-Regular-webfont.eot');
src: url('DroidKufi-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('DroidKufi-Regular-webfont.woff2') format('woff2'),
url('DroidKufi-Regular-webfont.woff') format('woff'),
url('DroidKufi-Regular-webfont.ttf') format('truetype'),
url('DroidKufi-Regular-webfont.svg#droid_arabic_kufiregular') format('svg');
font-weight: normal;
font-style: normal;
}

Alin [tagDiv]
tagDiv Staff

Hi,

You can customize with css code and apply this for all tables: http://screencast.com/t/dbhm5cOFv06

table, th, td {
border: 3px double red;
}

Just add the code in Theme Panel > Custom Css: http://screencast.com/t/iS53asKg and change the values how you like, here you can see more css for border: http://www.w3schools.com/css/css_border.asp

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

I have checked your site again and that solution with css code is apply also on modules: http://screencast.com/t/GflLe2JD1OA you need to add an extra class to the paragraph like I suggested above – http://screencast.com/t/UUnBgX4R37zF and after use that css code something like this:

p.yourclass {
background-color: red;
margin: 0px;
padding-top: 5px;
}

Or you can follow the above solution: https://forum.tagdiv.com/topic/top-header-banner-howto/

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please make sure that your Social Counter plugin is updated to the latest version 2.9 and you follow this guide to set it: https://forum.tagdiv.com/how-to-manage-the-social-counter/
If you need to update the plugin you ca find it in theme files that you downloaded from themeforest in /plugins folder.

You can use the tagDiv Speed Booster plugin to move the css and js at the bottom of the page avoiding the page render blocking: https://forum.tagdiv.com/how-to-make-the-site-faster/https://forum.tagdiv.com/pagespeed-guide/

Please check Revolution Slider documentation if you want to use it: http://revolution.themepunch.com/documentation/

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

You can use this css and change those values like you need: http://screencast.com/t/E43aNWYr

.td-header-style-8 .td-style-8-logo-wrapper .td-logo img {
max-width: 50%;
}
.td-head-style8-logo-desktop {
margin-top: 15px;
}

Thanks!

pvaradero
Participant
Submenu - topic
#0

Before I used this to hide the submemu:

.td-category-page-subcats {
display: none;
}

Now it is there in the custom CSS but it is not working. anything changed in the new version that it still shows? Can you help me resolve this? I don’t want the submenu to show when you click a link on the main menu. Please, see example in http://www.wpbmagazine.com/lifestyle/

Thanks

Pedro

Carllauren
tagDiv Member

Okay thank you!

I have implemented everything in your optimization post now.

I have also minified the css files. Now my page speed is 82, but I guess Google Adsense is causing a lot most of the problems in terms of page speed.

Two questions: How can I minify the HTML and compress this image images/icons/newsmag.svg?

I would also like to exchange Roboto Condensed to the font I am using, Lato. I don’t want the theme to fetch Roboto Condensed from fonts.googleapis.com.

Thanks for the feedback!

blem
tagDiv Member

Made the change but it doesn’t have any effect. Pagespeed Insight give still the above recommendations.

If the “td-inspect-scripts” in functions.php indicates;

google-font-rest |
td-bootstrap |
td-theme |

Doesn’t it mean that those CSS style are moved to the footer? (the fact that it indicates the ID but after the | no further reference)

Lucian
tagDiv Staff

Hi,

The gallery waits for the script to load however this should not behave like this. We have this on our attention and we will try to find a solution until version 5 update.

You can work around this by using this custom css in theme panel > custom css section:

.post_galery_slide_1 {
overflow: hidden;
}

Thais will hide the images until the gallery script loads.

Thanks

Carllauren
Participant
#0

Hello,

I am struggling to raise my page speed score on Google.

When testing my site at the page speed insight tool I get 80 on desktop and 49 on mobile.

I have read the speed guide and everything in your knowledge database, but can’t get a page speed above 80. I would really like to have more than 85 at least.

Somehow I have a lot of rendering blocking css files. How can I get rid of them?

Also I am using the Font “Lato” instead of Roboto Condensed, but my website is still fetching Roboto Condensed…

Thanks for your feedback!

Alin [tagDiv]
tagDiv Staff

Hi,

This error is from a plugin that you use plugins/wpclef/ and is not related to the page that you want to create. Please disable that plugin and see if you still have this error.
You can set your sidebar for your post and categories from Theme Panel > Template Settings: http://screencast.com/t/Z4BvywCSse1 and add widgets to it from Widgets section: http://screencast.com/t/rDrG16SmpZk
There will be added smart sidebar feature on Newspaper ver.5

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

1. Now I see your issue with header ad. If you don’t want to use header ad please remove also the code from that section and that space will be removed.
If you want to use header ad on mobile devices I can help you with custom css to hide that space for different sizes of screen using media queries.

2. For example I see that you use post style 8 for your articles. So if you comment or delete title from the code for this template – http://screencast.com/t/iddm2vcxxVW you can use another post styles where the title will be visible(those are not affected by your change in template 8): http://screencast.com/t/Am58acxL9jQ1

3. Replied via email.

Hope this helps!

gmtrevor
tagDiv Member

Hi do i just edit this within the css page.

As with any default page i create i am having the same issues.

spu
tagDiv Member

Hi Alin,
Am referring to a page with all the authors listed on it. The 2nd part is what i need tried doing what you have told me to in the custom css and “If you want a page with all of your authors you can create one: http://screencast.com/t/NlTv6uCjkR also if you want ”
But after that i get an error –

+
Warning: Cannot modify header information – headers already sent by (output started at /home/spuri/public_html/gadgetbridge.com/wp-content/themes/Newspaper/includes/shortcodes/td_authors.php:1) in /home/spuri/public_html/gadgetbridge.com/wp-content/plugins/wpclef/includes/lib/wp-session/class-wp-session.php on line 124

As for the sidebar i want the whole sidebar to appear on categories page and the posts page, like the one i have on homepage. If you see the home page has sidebar till bottom and categories and posts have just the top half.

Also is there a way to make the sidebar sticky like found on the newsmag theme.

Alin [tagDiv]
tagDiv Staff

Hi,

Please try this custom css: http://screencast.com/t/0JjTLjc6

.single .td-g-rec-id-custom_ad_1 {
margin-bottom: 0px;
}
.single footer .td-social-like-tweet {
margin-bottom: 10px;
}

If you refer to the like button, this is changing according to the user language on facebook – http://screencast.com/t/rxTcru9b

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

I have checked you test page and I found that this issue is caused by this padding: http://screencast.com/t/kWXaWYEYdhttp://screencast.com/t/JDaZZN8lBzhttp://screencast.com/t/M9YwJ7hQoZa4
So if you created a new page template try to solve that css.

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Please try this custom css in Theme Panel > Custom Css to remove spaces: http://screencast.com/t/ykRDYlNbQj9http://screencast.com/t/rsscO8XrU

.et_monarch .et_social_inline_top {
margin-bottom: 0px;
}
.et_monarch .et_social_inline_bottom {
margin-top: 0px;
}
.single .td-post-content .post {
padding-bottom: 0px;
}
.td-g-rec-id-content_bottom .adsbygoogle {
margin-bottom: 0px;
}
.td-social-like-tweet ul, .td-social-sharing {
margin: 0px;
}

To change the order of the like buttons please make this change: http://screencast.com/t/SnGvC0no
Result: http://screencast.com/t/j22YsTMa083s

Unfortunately the bottom ad is in the content and it cannot be moved so easily, but you can paste the code in a custom ad(don’t use bottom ad anymore), edit you post template that you need and echo your custom ad there after the like buttons: http://screencast.com/t/n4wZ6esrtEsq

<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]'); ?>

Result: http://screencast.com/t/JceFCM9NT7

Thanks!

blem
tagDiv Member

I’ve added compression and browser caching to .htaccess I’ve ran another pagespeed test and now it shows “only”;
http://fonts.googleapis.com/…ed:400italic,700italic,400,700?ver=4.6.2
http://<mydomain>.com/…nal/bootstrap/td-bootstrap.css?ver=4.6.2
http://<mydomain>.com/…ent/themes/Newspaper/style.css?ver=4.6.2

So forget my remarks above about JS but how do I get rid of the css’s above the line? Especially that google-font thing is annoying me;-)

Alin [tagDiv]
tagDiv Staff

Hi,

Unfortunately you will need custom modifications to disable mobile version as the Newspaper theme was designed with an fixed grid layout, responsive as it is fluid and style for desktop/tables/mobile screens.

You can try this custom css for Top Rated section if you like:
-for phone screen: http://screencast.com/t/YSK0A1LJm5Ju

@media (max-width: 768px){
.aps-wd-products li {
width: inherit !important;
float: none;
}
}

-for tablets: http://screencast.com/t/q6afyieM

@media (min-width: 768px) and (max-width: 1018px){
.aps-wd-products li {
width: inherit !important;
}
}

Thanks!

blem
tagDiv Member

Lucian,

The instructions are clear and it works. Thanks for your help.

But still I’m wondering why the following code isn’t moved to the footer. Below a snapshot of what pagespeed insight is saying;
http://ajax.googleapis.com/…s/jquery/1.11.1/jquery.min.js?ver=1.11.1
http://<mydomain>.com/…es/Newspaper/js/td_external.js?ver=4.6.2
http://<mydomain>.com/…s/Newspaper/js/min/site.min.js?ver=4.6.2
http://<mydomain>.com/…cludes/js/comment-reply.min.js?ver=4.1.1

http://fonts.googleapis.com/…ed:400italic,700italic,400,700?ver=4.6.2
http://<mydomain>.com/…nal/bootstrap/td-bootstrap.css?ver=4.6.2
http://<mydomain>.com/…ent/themes/Newspaper/style.css?ver=4.6.2
http://<mydomain>.com/…ssets/css/essb-sidebar.min.css?ver=4.6.2
http://fb.creoworx.com/…lat-retina/easy-social-share-buttons.css

I’ve identified the ID’s added the ID’s to the Speed-Booster “move-to” instruction plugin.

The screenshot after the adaptations in functions.php shows:
registered scripts
admin-bar | /wp-includes/js/admin-bar.min.js
td-external | http://<mydomain>.com/wp-content/themes/Newspaper/js/td_external.js
td-site-min | http://<mydomain>.com/wp-content/themes/Newspaper/js/min/site.min.js
jquery | http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
easy-social-share-buttons-sidebar |
boxes | http://<mydomain>.com/wp-content/plugins/wordpress-seo/css/adminbar.min.css
google-font-rest |
td-bootstrap |
td-theme |

But Pagespeed Insight is still complaining about it. To me it seems that the JS code isn’t moved even-though I’ve added it to the speed-booster plugin php. “easy-social-share-buttons-sidebar” and “td-bootstrap” are moved but still pagespeed is mentioning it. What can I do?

Alin [tagDiv]
tagDiv Staff

Hi,

This could happen if you use speed booster plugin and lots of plugins or your server response time is high. The speed booster plugin moves js/css resource files to the footer so js scripts or css stylesheets will load later therefore creating this unstyled gallery while the style file is loading. Please make sure that you use the latest version of Speed Booster plugin(3.2)

Please try this without any other plugins.
– leave just the VC and the speed booster plugin active
– make sure you empty all caches
– purge files if you use CDN host

Thanks!

Viewing 25 results - 28,951 through 28,975 (of 33,436 total)