Search Results for 'css'

Results from the Forum
texxxo
Participant
#0

Hello, I’m usig the 2 Plugins, WooCommerce Menu Cart and WMPL(Language Switcher Menu) both are setup in the TopMenu of my Theme but on Mobile version it is not Horizontal Align it is LangSwitcher newline ShopingCart any options to fix this with CSS?

Preview Mobile Version

My Site: My Website

rocketman
Participant
#0

Hello,

I’m curious to learn more about why the featured images in posts viewed under categorizes or on the home page have the images displayed off center; they are pushed downwards of the picture frame;

Here is an example: https://www.screencast.com/t/mTwxmDYz

Can that be fixed in the theme settings or is that how the theme is coded? Perhaps there is a Custom CSS fix to center the featured images to appears on desktop how they appear centered on mobile devices?

Thank you for your help!

reatlat
Participant
#0

It’s only me so lucky? or it’s CSS bug?
check screenshot, please
bug

Catalin
tagDiv Staff

Hello Bjerknez,

Sorry but the theme does not have any such an option for this! You should create your custom CSS code -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for the message!

tanose
Participant
#0

Hey,
Please I wanna eliminate render-blocking javascript and CSS from my website, and I don’t know how I can do it, please any ideas, my website is not fast
thanks.

Bjerknez
tagDiv Member

Ok. But is there any way or any css that hides the Facebook Comment plugin when i create my own templates?

Catalin
tagDiv Staff

Hello,

Also please track your SSL implementation as it can lead to problems. I see you have mixed content errors in your browser console. It can be a cause of the issue you are facing.
Please use these guides to make the implementation properly:
http://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/
https://css-tricks.com/moving-to-https-on-wordpress/
https://yoast.com/dev-blog/move-website-https-ssl/
https://forum.tagdiv.com/topic/moving-to-ssl/

Thanks.

Simion C.
tagDiv Staff

Hi,

Indeed it does, I did not see that at the time. Add this in the custom CSS and it will be fixed
https://www.screencast.com/t/j3FU97Bq

.mfp-content .td-login-input {
display:inline-block;
}

Thanks

Bogdan B.
tagDiv Staff

Hello,

Css is handled differently for each browser. That is why when you make a custom css modification you have to know of each browser’s limitation. Firefox simply does not recognize your code. you have to create another code specifically for Firefox.

Thank you!

Bogdan B.
tagDiv Staff

Hello,

The cutting does not come from this particular demo. All of the big grid full elements have a center – center cutting style. You can change it to center – top for the full grids if this is needed. Please use this css code:

.td-big-grids-fl .td-thumb-css{
background-position: center top;
}

You can add the code in the theme panel under the custom css section.

Thank you!

Simion C.
tagDiv Staff

Hi,

The theme stylesheet should contain all the CSS necessary for all elements. Removing block code from the theme files will not affect the stylesheet.
Most users minify the stylesheet for a smaller size, that would be the only proper way of reducing it.

Newspaper although similar in some way to the discontinued ionmag theme, does not share the same plugin system. All the elements are included by default, ionmag had a free version and a premium version. The difference was the premium plugins. Newspaper includes them all in one package.

In the end it depends on what pages contain, they can have multiple grids and blocks and be heavy on resources, or contain fewer elements.
So the same functionality by plugins as with ionmag would not be possible with Newspaper.

Check the forum, there are many speed optimization topics you can follow, provided by theme users.

Thanks

pcservis
tagDiv Member

Hello, I waited for few updates, but even after last one, my website still have broken CSS. I tried to create new home page, even new one is broken. I tried to activate TagDiv Composer, it cant be activated under plugins.

And regarding broken, here are few examples http://prntscr.com/kgu0ui and http://prntscr.com/kgu1ad

Website is BalkanAndroid.com

PS:
Why don’t you update Newsmag often as Newspaper? I bought it because I thought its gonna be maintained to the same, but just have different layout, yet it like orphan comparing to Newspaper

azahar ahmed
Participant
#0

Hello, I have created a 3 column menu using CSS [ screenshot URL – ” http://prntscr.com/kgphgd ” ] but it’s not working on Mozilla Firefox browser [ screenshot URL ” http://prntscr.com/kgpk09 ” ] Please give me right solutions to fix it.

Regards

AZAHAR AHMED

bourscheid
Participant
#0

Hello,

I have added the following code to my custom CSS to get a blog grid to flip horizontally:

.flipgrid td_block_big_grid_1 .td-big-grid-post{ float:right!important; }

My site is: http://icelandin8days.com.

I set flipgrid as the extra class in that block.

It is currently not working properly. Please advise. Thank you!

espedfk2
Participant
#0

Hi there all:

I have decided to switch from the old composer (Bakery) to the TagDiv composer which I consider there have more benefits than the Bakery one (overall because of the css minification, speed, updates, bla bla bla…). I am preparing all pages of my website and living them as draft until the final moment come, but i am not sure how to do the final stage (change my old pages to the new ones without loosing all). Do you guys have any video or tutorial about how to do it right??

Thanks in advance 4 any tip

infmedia
tagDiv Member

The problem is that style.css include style for all modules and blocks even if I use only one block type. The file style.css is 1.1MB (900K minified): very big! Is possible to dynamically generate the css only for the used block or template? The theme ionMag have additional block and modules in external plugin and for this reason the style.css file is only 450K (340KB minified). In newspaper theme the file td_config.php is 900KB and takes 0.2 seconds to execute (on my VPS). My question: is possible to make the theme “modular” so I can decide which modules or blocks to enable in order to reduce the size of every page of the site?
Alternatively, it would be sufficient to have a minimal theme with only one block/template/module type and add other type, if necessary, in the child theme with the wp_booster API.
Is possible to have a “minimal” version of the newspaper theme?

Thank in advance.
Excuse me for my bad English.

Simion C.
tagDiv Staff

Hi,

I see now what you mean. The sidebar setting in the theme panel will work properly on bbpress pages, seems buddypress also shows the default sidebar. But to change it and it’s position there are no specific settings.

I also made some tests with pages created with the composer and buddypress shortcodes, then I set those pages as buddypress pages
https://www.screencast.com/t/PxdSEXPjw
https://buddydev.com/docs/buddypress-shortcodes/buddypress-members-list-shortcode/
The shortcodes work as soon as the custom page is set in the buddypress settings, but the sidebar position is still on the right no matter how I position it in the composer
https://www.screencast.com/t/G9AgGcIBD
https://www.screencast.com/t/FB4qjz5pSl4

Some CSS might work in that case, to make all buddypress sidebars stay to the left
https://www.screencast.com/t/D9DvH0CmghhB

.buddypress .td-pb-span8.td-main-content {
float:right;
}

Since buddypress pages will show the default sidebar, you could set a different custom sidebar for bbpress
https://www.screencast.com/t/auAQzqdx
So buddypress pages will show the default sidebar (no settings to change it), and bbpress will show the sidebar set in the theme panel.

I don’t exactly know why all of this happens. Specifically for buddypress there are no theme settings, the template settings are created for bbpress. I will make a note of this and pass it along. Sorry for the inconvenience.

Thanks

Simion C.
tagDiv Staff

Hi,

Please try and not reply in your own topic multiple times. This will only delay the answer on our part. It will refresh the topic date and move it to the back of the line. We answer all topics from oldest to newest, which is fair.

For that particular border there is no specific color setting. The color you set as theme accent will be used
https://www.screencast.com/t/KG5x0VcdV
The theme accent color will be used for various elements to provide a general look.

If you don’t want to change the theme accent color just for that border, you could chnage the color with some CSS
https://www.screencast.com/t/bRkpslWvtLz

This is the code used in the example, you can use any color you want. CSS codes can be entered in the Theme panel->Custom code, CSS section

.td-header-wrap .td-drop-down-search:before {
border-color: transparent transparent yellow transparent;
}
.td-header-wrap .td-drop-down-search:after {
background-color: yellow;
}

Thanks

Bogdan B.
tagDiv Staff

Hello,

The image is added as a row background. You simply have to click the image and then under the row settings click the css tab and change the image here: https://www.screencast.com/t/a1sAByf6vH

Thank you!

Catalin
tagDiv Staff

Hello zlatanwil,

Please notice that the speed of your website depends on how well your site is optimized.
-> https://developers.google.com/speed/pagespeed/insights/?hl=ro&url=http%3A%2F%2Fyesitreallyhappened.com%2F&tab=desktop

Notice that is not a simple task and if you do not have any experience in this regard you will do not bring good results for the theme. Also, notice that we have a speed optimization tutorial but this is addressed only to advanced users. So, if you follow the steps which are presented in this tutorial here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ you can increase the page speed loading and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because the speed optimization services are not covered by our support policy, as you can read here -> https://forum.tagdiv.com/support-policy-2/ Check our documentation here -> https://forum.tagdiv.com/requirements-for-newspaper/ regarding on dedicated server to fit our requirements.

Notice that the function which have to be added in functions.php is -> td_inspect_scripts() as you can see in our useful guide.

Unfortunately, our theme does not have such an option to minify the style.css file and we cannot recommend any plugins with this functionality because is not tested with our theme. For minifying this file, we are using CloudFlare for our demo and works fine. If you want to read other views from our users, please check this topic -> https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
Also, check all of your Ad Spots and if you have entered any suspicious code through them, remove all of them and check the results without them.

One of our top members here on the forum wrote his own optimization tutorial here:
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and here -> https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/

Basically, these are the theme requirements
https://forum.tagdiv.com/requirements-for-newspaper/

Thanks for your understanding!

Simion C.
tagDiv Staff

Hi,

When a background color is used like in this case, the website will be boxed. Every full width elements will be boxed. That featured image would be full width if there was no background set
https://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/

It would be very hard to modify the post header with CSS to break from the general container in this case.

Thanks

GreatTaste
tagDiv Member

Hi Simion, thanks for your help. I was unable to find a way to change the og:description through WordPress (WordPress settings, plugins, theme settings, etc.) but I managed to change it in the database. Now, if I look at the html <head> of my home page “http://www.great-taste.net/&#8221;, the og:description meta tag shows that its content is blank (which is okay by me for now, it’s better than showing VC shortcode). However, going to the Facebook debugger site and forcing Facebook to scrape my homepage still yields the “[vc_row_inner css=”.vc_custom_144487…” as shown in the debugger. Any idea why this might be happening?

JJ0000
tagDiv Member

Whoops, this is link for datatables.net CSS. But I think same effect it with boostrap. So question is for both of these.

JJ0000
Participant
#0

https://cdn.datatables.net/v/bs-3.3.7/dt-1.10.18/cr-1.5.0/r-2.2.2/rg-1.0.3/rr-1.2.4/datatables.min.css

I’m importing this CSS into Newspaper > Header.php but it’s changing the font for the entire theme. Is there a way to target the CSS only to the data tables? Ik maybe inline CSS but I have dozens of pages so that might be messy. Thanks.

Thomas
tagDiv Member

Thanks.
In the admin I put white and add your CSS but now on Chrome and Edge the video title black instead of white:
https://www.virtualmagie.com/articles/autres/interviews/jan-madd-2016/
I tried to put black but no change.
The idea is on image backgroung titles must be white and under the image, black.
Regards

Viewing 25 results - 13,151 through 13,175 (of 33,436 total)