Search Results for 'css'

Results from the Forum
PauloCot
Participant
#0

Hi all,

I have related articles enabled for the bottom of my posts but the thumbnails are the incorrect size. I’m using images of 1920×960 (2:1) for my thumbnails (most compatible with Social Media) and as a result the thumbnails in the related articles section are cutting some of the image off. Have looked into trying to adjust the CSS to change this but have had no luck.

Does anyone know how to change this so the full thumbnail appears in the related articles section. Don’t mind if it changes the number of shown articles.

Thanks, Paul

Torasko
Participant
#0

I’ve created a custom CSS class that makes sure that the widget in question, when inserted under ‘Extra Class’ in the Visual Composer variant of the widget, makes sure that the widget doesn’t get shown when browsing the website on a mobile device. This ‘Extra Class’ option doesn’t show up in TagDiv-widgets that are placed in the ‘Newsmag default’ sidebar. Am I missing something? Thanks in advance for your answer!

simchris
tagDiv Member

FYI, what we did for a two column layout was simply use a full width block, then use normal CSS for two columns (we actually used a table 100% width, with two custom columns with a td width = 50% class). In our case we didn’t need to put modules or blocks in there (or widgets), but did use a shortcode in one, and normal plain HTML in the other.

However, yes, having a two column “row” for pure HTML would be helpful.

kfx
Participant
#0

Hi

I am using Header 7, and the sticky menu displays a smaller size logo & changes the placement of the menu when scrolling down/up.

I’m using this CSS at the moment to keep the height of the menu smaller than the default.


.td-header-style-7 .td-header-menu-wrap-full, .td-header-style-7 .td-header-menu-wrap {
height: 68px !important;
}
.td-header-style-7 .td-header-sp-logo {
height: 68px;
}
.td-header-style-7 .td-header-sp-logo a {
line-height: 68px;
}
.td-header-style-7 .td-header-sp-logo img {
max-height: 68px;
line-height: 68px;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 68px;
}
.td-header-style-7 .sf-menu {
margin-top: 0;
}
.td-header-style-7 #td-top-search {
bottom: auto;
top:0;
}

Please let me know how to keep the logo the same size – for when it’s in static mode & sticky mode.
Thanks

Simion C.
tagDiv Staff

Hi,

The code will affect the second column of block 3, on the whole block top to bottom. These changes are not recommended to make, the blocks and modules depend on the fixed width of the layout. All the Css values are linked together, changing one will most likely cause problems in other places.
The module thumbnails do not adapt to these modifications. They will always be of the same initial size.
You could now set another negative margin to the whole sidebar section
https://www.screencast.com/t/MN5RIiEqKPni

.home .tdc-content-wrap .td-pb-span4 {
margin-left: -12px;
}

Thanks

Bogdan B.
tagDiv Staff

It is because the code only affects the front-end. The back-end is not affected by the theme panel custom css field.

Thanks.

mamito
tagDiv Member

i have insert the css in Live CSS, but that makes space between news and sidebar

Simion C.
tagDiv Staff

Hi,

You can try this code if you think this is how you want the block to look
https://www.screencast.com/t/nlsZF0JiaXQk
It will reduce the distance between the two columns of modules, only for that block

.td_block_3 .td-block-span6 + .td-block-span6 {
margin-left: -12px;
}

The code must be entered in Theme panel->Custom Css section, if you decide it is what you want.

Thanks

Catalin
tagDiv Staff

Hello awoodhams,

You should check the Translations section and add there your desired name for this section, like this -> https://www.screencast.com/t/Q5yXpwocHx1s and the result is here -> https://www.screencast.com/t/pYpNp3RlKCm or if you want to use a bit of CSS code, you can try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-related-left, .td-related-right {
text-transform: lowercase !important;
}
.td-related-left:first-letter, .td-related-right:first-letter {
text-transform: uppercase;
}

Thanks for your understanding!

Bogdan B.
tagDiv Staff

Hello,

No you will not lose any at all modifications if the main theme files remain unchanged.
The css in the theme panel remains the same.

Thank you!

Bogdan B.
tagDiv Staff

Hi,

In order to remove more from author you can use 2 methods:
The css method:

.td_block_related_posts .td-related-right {
display:none;
}

You can add the code in the theme panel-> custom css box.

Or you can edit the theme files: comment out or delete this part: http://screencast.com/t/Okmq7lxTDzGd

Thank you!

Bogdan B.
tagDiv Staff

Hello,

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

.td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p{
text-transform:none!important
}

Thank you!

barnisayz
Participant
#0

Hi,
My site breaks. When I updated to v.8 and activate the tagdiv composer, I got blank screen of death. When I deactivate and activate visual composer, the site breaks and the design was affected. How can YOU aid me have my site design look back? Seems the css is not connected to the site.

Url: http://mogulettesafrica.org

Awaiting your response.

With regards

Kostas
tagDiv Member

Thanks for your reply, but it didn’t work for me.
On the other hand, I grouped every single item with font-family in style.css and now i’m changing only three items.
Check this out. It actually works:
https://pastebin.com/FwVWsZce

Regards
Kostas

junaiddar
tagDiv Member

thanks, that topic was very helpful in understanding child theme even more clearly.

Can I lose my modifications? (when I update?) I have not made any changes to the theme files itself. The theme files are as they were before, I have only made the social media icons a little bigger using the CSS panel available in the theme panel? rest of the changes are just the arrangement of blocks, grids, logos etc. nothing to fancy.

I may lose these things worries me?

ugokind
tagDiv Member

Hy you all

thanks for your suggestions. Some browsers, yes, make use of blocker. But the real helper is Catalin. I really appreciate your high quality support.
So my homework now is to discover the bad thing inside.
the row says


<div class="td-header-ad-wrap td-ad-m td-ad-tp td-ad-p" style="display: none !important;">
</div>

but the style.css at line 281
has

.single-post #td-theme-settings,
.single-post .td-header-top-menu,
.single-post .td-header-menu-wrap,
.single-post .td-header-sp-rec,
.single-post .td-main-sidebar,
.single-post .td-post-source-tags,
.single-post .td-post-sharing,
.single-post .td-post-next-prev,
.single-post .td_block_related_posts,
.single-post #comments,
.single-post .td-footer-container,
.single-post .td-sub-footer-container,
.single-post .entry-crumbs,
.single-post .td-category,
.single-post .td-post-views,
.single-post .td-post-comments,
.single-post .td-scroll-up,
.single-post iframe,
.single-post .td-more-articles-box {
display: none !important;
}

I don’t think the problem is here becasue I tried to comment this row.. the result is the same.

In only one browser I see it. the others report a lot of style coded in gray with the word
“outbrain”

this drives me nut. Because the WP setup is fresh, and really I’m disabling almost all the plugins installed.. the problem persists.

Tomorrow I retry.

EDIT: I saved a local copy to try a find-in-file
but probably this is a 64base coded injection.

Ugo

Simion C.
tagDiv Staff

Hi,

You can place the code in the Theme panel->Custom Css section
https://www.screencast.com/t/lWFy3Czzzleo
The result can be seen in the screenshot provided in my last reply.

Thanks

GiacomoLaw
tagDiv Member

The theme CSS is not loading. Now over http I get a random blue theme

Catalin
tagDiv Staff

Hello SWSMums,

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

.td-excerpt{
color:red;
}

The result is here -> https://www.screencast.com/t/OsVULuij

Thanks for the message!

Simion C.
tagDiv Staff

Hi,

Here you can see a brief descriptions and preview of the available post templates
https://forum.tagdiv.com/post-templates-2/
You can also see them live on the demo
https://www.screencast.com/t/bkfxxt2w
https://demo.tagdiv.com/newspaper/
Post template style 7 seems to be similar to the layout you mention. The sidebar can be disabled for posts as well. As for the post content width there is no default option to modify it. That could be done only by using some CSS. Like this for example (no sidebar used)
https://www.screencast.com/t/TKdDoFo0vYm
When a sidebar is used the post content width is 696px, and without a sidebar it is 1068px.

Thanks

Bogdan B.
tagDiv Staff

Hello,

There is no need to change anything in the theme as the theme already has automatic detects for http or https.
Please use these guides to properly implement ssl:
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.

Catalin
tagDiv Staff

Hello Amekaze,

If you want to increase the height of your Big Grid 1, please notice that you should use a bit of CSS code to make these changes. Try the code below and place it in Theme panel ->Custom CSS area and then, you should regenerate your Thumbnails with Force Regenerate or Thumbnails Regenerate.

.td_block_big_grid_1 .td-big-thumb .td-module-thumb {
height: 600px;
}
.td_block_big_grid_1 .td-small-thumb .td-module-thumb {
height: 298px;
}

The result is here -> https://www.screencast.com/t/yilZJiiZIUR0

Thanks for your understanding!

Catalin
tagDiv Staff

Hello stephanwhelan,

Please notice that you can stop the ads displaying for a certain category if you will use the category ID and then if you will use a bit of CSS code you can hide the ads from that page. You should provide your website URL so I can take a closer look at it and also, you can tell me where exactly you want to remove the ads. What category page, so I will be able to provide a more accurate response.

Thanks for your understanding!

Catalin
tagDiv Staff

Hello awoodhams,

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

The code is ->

.td-related-left, .td-related-right{
text-transform:lowercase!important;
}

The result is here -> https://www.screencast.com/t/2jEcOHFl

Thanks for your understanding!

Catalin
tagDiv Staff

Hello adam21s,

If you want to make these changes over the smart list button, you should use a bit of CSS code to do this. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-smart-list-pagination {
position: relative;
}
.td-smart-back{
position: absolute;
left: 0;
padding-left: 15px;
padding-right: 7px;
}
.td-smart-next{
position: absolute;
right: 0;
padding-left: 7px;
padding-right: 15px;
}
.td-post-sharing-bottom{
margin-top:50px;
}

The result is here -> https://www.screencast.com/t/xVUIQG5Ucifq

Thanks for your understanding!

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