Search Results for 'css'

Results from the Forum
Bogdan B.
tagDiv Staff

Hello,

Please use this custom code in the theme panel-> custom css box:

.td-category-header .td-page-title{
text-transform: none;
}

Thank you!

wuche
tagDiv Member

Okay nevermind, it started working for some reason after the Advanced CSS randomly disappeared and I reapplied it.

wuche
tagDiv Member

Update: it worked perfectly, except when I tried to add an extra margin rule for mobile devices only.

Under the Advanced CSS tab, I applied the following code to every section exception Mobile:

.td-post-content p{
width: 69%;
margin-left: auto;
margin-right: auto;
}

And then under Mobile I increased width, with the code below:

.td-post-content p{
width: 90%;
margin-left: auto;
margin-right: auto;
}

Yet when I reduce my resolution to mobile, the content still seems to be at 69% instead of the desired 90%. Any ideas on how to get this working?

saldesign
Participant
#0

Hello, I had no idea it would be so complicated to simply add VC elements to Pages and still have the title, breadcrumbs and sidebar. Seems like a mandatory thing…

1) Can you please tell me how to simply add VC elements to a Page and still have the sidebar, title and breadcrumbs? I need to add a VC YouTube playlist in the body of this page-
http://new.expatsinmexico.com/expats-in-mexico-video-gallery/

No matter what I try, add a css class like your screenshot, anything, I cannot get a simple YouTube video playlist to appear in the body of the Page below the text stretching the width of the main container, with sidebar and title, just like any other page. Please help, this should be very simple.

2) I have customized the Home Page template in order to have a full-width menu yet have the ad and logo where they are now… but the main body content wrapper of the page does not match the correct right/left margins/padding of the other pages. Can you see anything I can do to match the right/left margins? If you size it down to mobile the content is now flush and beyond the left of the screen, not centered down the middle with correct margins.
http://new.expatsinmexico.com/

Thank you very much.

bemibel
tagDiv Member

For the problem number 3, I removed ALL the css and the problem persists.

Here you can see a picture where you can appreciate the different text weight between windows and mac:

View post on imgur.com

The text on mac is more heavy, and some fonts looks different aswell.

What can be the problem? It’s not nice to read a text in bold.

Thank you.

crazydiver
tagDiv Member

Actually, I went over this thread and yes.. the red gradient appears in the search as you have posted:

https://www.screencast.com/t/QJk0bRopVHn

Apparently, Stefan’s search background is blue, mine is a red gradient.

I tried applying the css code provided but it doesn’t work. Still figuring this out.

bformhals
tagDiv Member

Ive tried the code above in custom css and it does nothing

bformhals
tagDiv Member

So should I just use the above code as is but with all zeros in the padding and place that in the custom css?

Simion C.
tagDiv Staff

Hi,

I seem to have forgotten about that setting for the columns. What that does is set a display none to the element you set it to – https://www.screencast.com/t/Q2W8fuvgD and maybe it is interpreted by the testing tool in a different way. It seems you also have custom css code in the theme panel meant to hide some elements on the page that could be affecting the result.
If you would like to have different content on mobile you could just use the mobile theme solution provided with the theme – https://forum.tagdiv.com/the-mobile-theme/ that features a grid displayed on top, and a latest articles on the bottom. That way you will not have to resort to hiding most of your page on mobile, and have to deal with this kind of problems. Not to mention improved performance on mobile.

Thanks

Bogdan B.
tagDiv Staff

Hello,

If you do not want arrows to show up, then simply remove the td-arrow-list class from your lists. Instead of the ul class=”td-arrow-list”> you would have a simple

Bogdan B.
tagDiv Staff

OK,
I understand.

If you want to remove the theme css (even though it’s not recommended…but since the client asks, the customer knows best right? :)) you will have to remove the woocommerce and bbpress classes from this file: https://www.screencast.com/t/KWlatsLCb8RA
Then you will have to re-save your theme panel settings as the css gets compiled when saving the theme panel. (change a few settings beforehand)

I hope this helps.
Thank you!

Simion C.
tagDiv Staff

Hi,

Well you could limit the paragraphs only inside the post content, while not affecting the images with something like this – https://www.screencast.com/t/GPOuxgvwUd1 but as you can see the smaller images inside the post remain in their initial position, and there is no way to differentiate them from the other ones for further alignment. Maybe you will have to position them differently inside the post content until you have a proper result or use only full images.
Please note that a code like this might be needed to be modified if you have more elements inside the post content then paragraphs.
I have inspected the site you mention, and I can see that the font is changing beyond a specific width like this
https://www.screencast.com/t/3xtgjFaiY9v
You can create a condition like that also – https://www.screencast.com/t/3xtgjFaiY9v using a media query, or create a normal code for this and use the theme’s Advanced Css sections in Theme panel
https://www.screencast.com/t/JFonig4y where there already are sections for specific screen sizes. Then the font will change size according to the screen width.

Thanks

Bogdan B.
tagDiv Staff

Hello,

Sorry but the category colors are only grabbed on the post itself. The blocks and modules do not have a color change option. It can be changed with css but it will affect all tags at one. Our theme does not have the functionality for the blocks to detect the color of the category and set it as a color tag.

Thank you!

Simion C.
tagDiv Staff

Hi,

There is no theme option to do this in the post page, however you can find the file responsible in the theme here
https://www.screencast.com/t/IKwGM5T2
Then in the same file you can find the social sharing bottom for the post if you want to modify it as well
https://www.screencast.com/t/XW15bBKQE
You can remove the links pointing to these socials in that file for both the social sharing top and bottom.
Or you could hide them with css, like this – https://www.screencast.com/t/VfEllwfJwz
This is the code used in the example if you choose to use it, it must be entered in Theme panel->Custom Css

.td-default-sharing .td-social-google,
.td-default-sharing .td-social-pinterest {
display: none;
}

Thanks

Bogdan B.
tagDiv Staff

Hello,

Please provide a link to your site that points out these issues. We have no reports of such issues regarding the logo. I tested all header styles again but found no issues from the theme side. Maybe you have an external source affecting you logo’s css.

Thank you!

Amit
tagDiv Member

Hi, @simion

Problem solved by adding conditional CSS for the code.
Now it’s working as expected with speedbooster plugin.

Bogdan B.
tagDiv Staff

Hello,

It seems the move to https was not done correctly. Please use these few guides to help:
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/

You can also check our forum for some insight on ssl:
https://forum.tagdiv.com/topic/moving-to-ssl/

Thank you!

Bogdan B.
tagDiv Staff

Hello,

CSS is a good solution but you will have to be careful about the responsiveness. Please add your code in the desktop section only under advanced css as it needs a dynamic width for other devices such as mobile phones.

Thank you!

Catalin
tagDiv Staff

Hello Escobar,

I suppose that you are referring to the appearance of a flash/time loading when you enter on your website, right? Firstly is loaded a default font/settings and then will appear your custom font/settings/custom CSS. This behavior appears when you have additional customization through custom CSS code and also, I suppose that you are using the Speed Booster plugin. Please notice that the CSS are working in cascade and the first time will take the code from style.css that is set it by default and then the theme will take the custom code that you have changed from Theme panel and practically this flash is generated by this cause. As a workaround, you have to check your style.css and try to add directly in this file your desired custom code. So, if your problem is still there, please try to revert the theme to the default settings, without any customizations and let us know how it goes. Also, you can try to make a new fresh install from scratch with the latest version of the theme and check the results. Also, please make sure every time you cleared caches. Noticed that the only files where you will have to edit are style.css.
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!

ebhelloworld28
tagDiv Member

Regardin css… I know, but this is request from our client!
I was find here that css code: /wp-content/themes/Newspaper/includes/td_css_generator.php, but if i delete doesn’t make any changes, still shows in view source…

Please kindly give me one option if it is possible to remove these lines of css code, this is very important for us…

Bogdan B.
tagDiv Staff

Hello,

There seems to be a css bug in our current version regarding the background ad. It will be fixed in the next theme version though. until then please add this code in your theme panel-> custom css box:

body {
cursor: pointer;
}
#td-outer-wrap {
pointer-events: none;
}
.td-main-content-wrap, .td-container-wrap {
pointer-events: auto !important;
cursor: default;
}

Sorry for the inconvenience.

Bogdan B.
tagDiv Staff

Hello,

I understand but our theme adds the css for all cases including woocommerce and bbpress. You will have absolutely no gain in removing 10 lines of css code from your site. If you are looking to increase your site’s loading speed you will be far better off using this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
As for the images, you cnnot crop all images to the same dimensions as our theme use different thumbnail for each case in particular: https://forum.tagdiv.com/theme-thumbs/

Thank you!

wuche
Participant
#0

How do I reduce the margins on Posts for only the main body of text, while leaving images alone? I want to emulate the readability of Medium blog posts: see example below.

https://medium.com/message/lets-talk-about-margins-14646574c385

Notice how large the left and right margins are for the text, but images are unaffected. This allows for the text itself to be nice and large, and thus very readable on all resolutions.

——

I also noticed that when the width of the browser is reduced to about ~700-800 pixels on that Medium example, the font also reduces in size by just a smidge. Because I’ll be reducing the margins for the main body text of posts, I want to also increase the size of the font to make it more readable. But if I change it to a static size, say 18, I still want it to be responsive and reduce in size. If I successfully adjust the text margins mentioned above and increase size of body text, will I need to add a custom @media CSS code to make sure the font size is still responsively reduced or will it happen still? Because right now it doesn’t do that on a demo post on my website, so I doubt it will when I adjust the margins.

http://wuche.gg/2017/03/31/top-tip-how-to-find-your-signature-scent-this-spring-3/

What would be the proper code to make sure my font is responsive? I’m guessing it has to do with @media and font-size.

Thanks for your help in advance!

Catalin
tagDiv Staff

Hello ferithon,

Please keep in mind that problem is not related to our theme, sorry! As you can know, every theme can be switched to the SSL mode and here it really depends on how well you set this. Please follow the next useful tutorials and try to setup properly the SSL connection.

Please use these guides:
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/

Thanks for your understanding!

Catalin
tagDiv Staff

Hello FiDi Exchange,

Try the code below and place it in Theme panel->Custom CSS area.

.td-logo-sticky{
display:none!important;
}

Thanks for the message!

Viewing 25 results - 18,301 through 18,325 (of 33,436 total)