Search Results for 'css'

Results from the Forum
Andy81
Participant
#0

I am getting this error: https://snag.gy/isRwjY.jpg

I was working fine with normal WordPress AMP plugin, but I replaced it with tag div and now I am getting this.

Simion C.
tagDiv Staff

I understand now, you mean that padding. I was looking for an actual line, sorry for that.

That is a padding top set for the page
https://www.screencast.com/t/rWRDNqKjF
By default that would be applying for the page, only with some CSS it can be removed
https://www.screencast.com/t/BG5mhfPJ2Kb

.home .td-main-page-wrap {
padding-top: 0;
}

ctoweett
tagDiv Member

Paste this code in the theme’s custom CSS section of the theme panel
.td-post-template-8 .td-post-header header .entry-title {
color: white;
}

Simion C.
tagDiv Staff

But that code would be in no relation to the category of the post, unless maybe you use that template for all the posts of the category and nowhere else.

That will remove the breadcrumbs for all the posts that use template 5, not taking into account the category of them. With CSS something like that would not be possible, I can’t think of anything.
The category isn’t specified above the breadcrumbs, that would allow them to be targeted and removed only for certain categories.

You could use the solution in the code with the condition, that would work.

Bogdan B.
tagDiv Staff

Hello,

The color loaded by default is added by the theme style.css. the code can be found here: https://www.screencast.com/t/iOu4vVmsC
The color can be changed using the theme colors section: https://www.screencast.com/t/pN92QTv0H7a

Thank you!

Bogdan B.
tagDiv Staff

Hello,

That is the body background color you have set as grey. The mobile version shows the background. The containers on the mobile version cause the background to be visible on top of the image. You can add this custom css n your theme panel under the custom code section to change the background for mobile devices:L

@media(max-width:767px){
body{
background-color:white!important;
}
}

Thank you!

David
tagDiv Member

Hi Catalin, thanks for your reply.

.category-x .entry-crumbs{
display: none;
}

To hide it by category id works quite well for regular posts but unfortunately, as soon as I add smartlists within this category, it doesn’t respect this CSS. Any tips on how to do this with smartlists? Thanks in Advance!

Bogdan B.
tagDiv Staff

Hello,

The background for the entire site can only be changed with custom css. Please try this code:

.td-main-content-wrap, .post{
background-color: #000000;
}

Thank you!

Bogdan B.
tagDiv Staff

Hello,

The color change you are seeing is the default theme color which loads first and then your own custom color is applies. This is the way css works in cascades. This effect becomes more visible if you make speed optimization and move the css load to the page footer. We cannot say for sure about the logo until we can inspect the site though.

Thank you!

Simion C.
tagDiv Staff

Hi,

When a background is set in the theme panel it will be set as a class and loaded with afferent CSS code automatically
https://www.screencast.com/t/jeq7p7hwY
In the website you provided this is missing, so it seems you have set the background with CSS manually, that would work as well.

Thanks

espedfk2
tagDiv Member

Hi there all,

I also tried the new Gutenberg in my site and all the web is working fine except for the composer which BTW you cannot edit (its all a CSS). Hopefully the Tagdiv people are working in make it work, because the wordpress 5.0 is getting close to release day

Tima369
Participant
#0

Hello,

there is any fast way maybe add some CSS code that help me to justify all the web site text

I tried this but i think that is not working
p {
text-align:justify;
}

Thank you

simchris
tagDiv Member

Tables are not normally responsive in WordPress unless you add some CSS.

So, you can simply add CSS like


.table{width:98%}
table{width:98%}

Ryansmccain
tagDiv Member

Perfect. Can you suggest a good tutorial on CSS? 75% of my questions are CSS. I understand what you are doing somewhat when I see your code but how do I find the elements to edit?

thanks

dvorakoa
Participant
#0

Hey guys, great work on the theme as always. http://www.thestyledivision.com

1) I was wondering is there any way to increase the width of the theme as currently it’s limited to 1020px width and it doesn’t look right on bigger screens. If I have to get a developer to change CSS sitewide, will these changes stay even after future updates?

https://i.imgur.com/RPGgscx.jpg

2) Instagram footer doesn’t always work. Sometimes images load fine, sometimes error.

https://i.imgur.com/BIJW7yA.png

3) TD Composer shows blank page. I’ve cleared caches and updated .htaccess but no change.

https://i.imgur.com/M3QflSj.png

AntoineVerdier
tagDiv Member

Yes I couldn’t find the corresponding CSS in the style.css file …

Catalin
tagDiv Staff

Hi,

I have checked your website and it seems to work as expected, as you can see here -> https://www.screencast.com/t/ySBeutNM Your CSS source seems to be loaded as expected. Please ensure that your system status requirements to be according to our documentation from here -> https://forum.tagdiv.com/requirements-for-newspaper/

Thanks for your understanding!

Simion C.
tagDiv Staff

Change it how exactly? maybe it is possible with some CSS. I will try to help you if possible.

Catalin
tagDiv Staff

Hello Daragh,

Sorry, but there is no simple solution to this request. the best option is to go in manually and set them to open in a new tab. You cannot make all links open in a new tab with CSS. It has to be done by coding it and checking so the code does not affect any other links as well. It could create more problems than solutions.

Each block is made out of modules. Big grids included. Here is a list of which module is used on which block/grid: https://forum.tagdiv.com/theme-blocks-modules/
The module files can be found under the main theme folder/includes/modules.

Thanks for your understanding!

Simion C.
tagDiv Staff

Hi,

That is unusual, so you want to display the whole page content aligned to the left, in the whole website.
By a theme setting this would not be possible, the theme containers are designed to be centered.
Aligning the whole website to the left could be forced with CSS, but the design of some elements will probably be damaged or broken. So a foolproof solution is not available unfortunately. Sorry for the inconvenience.

Thanks

Simion C.
tagDiv Staff

Hi,

There is a CSS solution in this topic for the review stars color
https://forum.tagdiv.com/topic/newspaper-is-not-available/

If you use Cloud post templates, these have settings to color the stars
https://www.screencast.com/t/r82ufUeRbN

Thanks

Simion C.
tagDiv Staff

Hi,

Yes you can with some CSS. Like this for example
https://www.screencast.com/t/ndTv10XdFLX
Enter this code in Theme panel->Mobile theme->Custom CSS code

.td-footer-description {
display: none;
}

Simion C.
tagDiv Staff

Hi,

A quick fix is to increase the line height, with a code like this
http://prntscr.com/kdru53

Enter the code in Theme panel->Custom CSS code section

.home .td-header-style-10 .td-logo-wrap-full .td-logo {
line-height: 200px;
}

AntoineVerdier
Participant
#0

Hi,
When you select a header style, the main menu animation changes. I want to have the header style 2 main menu animation with header style 1. Also I want to customize menu animation. I could not find where it is in the style.css file!?

Can you help me,

Thank you

Simion C.
tagDiv Staff

Hi,

If you installed the demo without content, the demo homepage will not be provided. The design is imported, but it will only apply for the elements used to build the demo page.

Let’s take the top section of the demo you mention, the big grid and stretched row. The row contains a class set when the demo was built
https://www.screencast.com/t/XYH6G0vnkxU
With class – https://www.screencast.com/t/eJrVjd9C
Without class – https://www.screencast.com/t/sl1J9PxBl

So you are missing the class “import_video_slider_bg”.

Of course this simple effect would be perfectly achievable in the CSS tab of the row, without the class, like this
https://www.screencast.com/t/iPKionOiU9X4
This is exactly what the class does. Sets a negative margin top of “-48” and a padding top of “48”.

Despite installing the demo with no content and the homepage not being provided, you can copy the demo page content from the theme files and see how the page is built
https://forum.tagdiv.com/topic/wish-about-the-demo/

Let me know if you have more questions.
Thanks

Viewing 25 results - 13,201 through 13,225 (of 33,436 total)