Search Results for 'css'

Results from the Forum
drfrancky
tagDiv Member

I know some CSS, can you give me some guidance ?

Bogdan B.
tagDiv Staff

Hi,

1) I’m not sure what space you are referring to unfortunately as I canot see any spaces. If the main menu not being centered is the issue, it;s just the header style that does not have a centered menu. You can swithc to one with centered menu from the theme panel headers section. (chose header style 10)
2) If the top social icons are the ones in question, they can be moved with this css code:
.td-header-sp-top-widget{
position:fixed;
right:5px!important
}

Thank you!

Andrei L.
tagDiv Member

Hi

Unfortunately the theme does not have an option which set a general background-color for all parts of the site. To achieve that you have to customize the css. This task involve some customizations an tests in order to be completed.
We can’t offer customization services at the moment so if you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks!

Bogdan B.
tagDiv Staff

Hi,
The latest articles will only show the latest articles in the newest to oldest order. You cannot change the sorting with css unfortunately. If the latest articles on the mobile theme is what you are referring to, then there is no easy way to change the sorting. sorry. You will require substantial coding skills to do it as there was no sorting option added in the code.
Thank you!

Bogdan B.
tagDiv Staff

Hi,

You can do it by adding this css in the theme panel-> custom css box:
.td-sub-footer-container{
position:fixed!important;
bottom:-0px!important;
width:100%!important;
z-index:999;
}

Thank you!

Bogdan B.
tagDiv Staff

Unfortunately css can only add style. It cannot add elements with functionality. It has to be done from the theme files if you really need this customization. You can either find a plugin that can do this or hire a freelancer to do it for you as we cannot offer any custom work at the moment. Sorry.
Thank you!

tayoso92
tagDiv Member

Okay!

Thank you Bodgan 🙂

Now using Custom CSS, how do I change the LATEST ARTICLES section to the exact order I have on the desktop.

Can you also send the the codes for the mobile ads?

Bogdan B.
tagDiv Staff

Hi,

You can change the color of the comments bubble by using this css:
.td-module-comments a{
background-color:red;
}

The colors of the category tags can be also changed with css but you cannot make it grab different colors from different categories. Css does not know how to do that. You can only change all of the tags at once like so:
.td-post-category{
background-color:Red;
}

Thank you!

Bogdan B.
tagDiv Staff

Hi,

The line cannot be removed by itself. There is no setting to separate the line from the header so if you only want the line removed(color changed) you can use this css code:
.block-title {
border-color: white!important;
}

This code will apply to ALL block titles. If you want to target particular ones you have to adapt the code for each one.

Thank you!

Andrei L.
tagDiv Member

Hi

Theme’s grids weren’t designed to display a title and to achieve that you have to edit theme’s core files and modify the code which generate the grids. This is not a quite simple task and you’ll need some coding skills in order to complete it. Other solution would be to use a text block above the big grid like here: http://screencast.com/t/WbLpRWCnbR

Using this css you’ll get the flowing result: http://screencast.com/t/WbLpRWCnbR

.wpb_text_column{
margin-bottom: 15px;
}
.wpb_text_column .block-title{
order-top-color:
rgb(104, 198, 45);
font-family:
Roboto, sans-serif;
font-size:18px;
font-weight:bold;
}

Hope this helps.
Thanks!

Bogdan B.
tagDiv Staff

Hi,


@drfrancky
As i understand it, you require the desktop version to show on mobile. Unfortunately our theme does not have such an option. It can be done but you will have to change lots of css so we recommend hiring a freelancer to help out as this will be no easy task.


@tayoso92
Please read this guide: https://forum.tagdiv.com/the-mobile-theme/ if you also require the desktop version on mobile, the same answer as above applies

Thank you!

Bogdan B.
tagDiv Staff

Hi,
Yes, if you want the black background, it’s easier to simply use the black demo than to change lots of css to overwrite the white backgrounds.
The play button will show up on the homepage if you select a video post style for your post like so: http://screencast.com/t/66VfI8o7p7k
Thank you!

surender
Participant
#0

Is it possible to make newsmag ark like newspaper dark version ? if possible please suggest me changes and files or css updates.

Thanking you.

pureglamtv
tagDiv Member

Hi Andrei,

thank you for your reply – added it to the CSS – but unfortunately without success.

It is still not possible to select the third and fourth category on the menue when the featured picture is in the background…

Hope you have another idea…

Thank you

Vanessa

Andrei L.
tagDiv Member

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/DpjUhSbbo

.woocommerce .product .onsale{
background: none red;
}

Thanks!

VoZz
tagDiv Member

There isn’t any custom CSS I could use to add them to posts on mobile or pages in general?

daimpa
tagDiv Member

I’m sorry but I don’t get your reply, do you mean that I can only wait that the css cache expries on users’ browser?

To be clear, my problem now is that some users see the theme like this (screen taken from another website here, perfectly showing my issue).
Again, not using any CDN or cache plugin.

What if I make the following change to the functions php files in the child theme?… I mean, change 2.0c to 3.0…. Please note that this is my full functions.php in the child theme.

NOW

<?php
/*  ----------------------------------------------------------------------------
    Newsmag 2.0 Child theme - Please do not use this child theme with older versions of Newsmag Theme

    What can be overwritten via the child theme:
		- please read the child theme documentation https://forum.tagdiv.com/the-child-theme-support-tutorial/

 */

/*  ----------------------------------------------------------------------------
    Here we add the parent style and the style.css from the child theme folder
 */
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', 1000);
function theme_enqueue_styles() {
    wp_enqueue_style('td-theme', get_template_directory_uri() . '/style.css', '', '2.0c', 'all' );
    wp_enqueue_style('td-theme-child', get_stylesheet_directory_uri() . '/style.css', array('td-theme'), '2.0c', 'all' );

}

NEW

<?php
/*  ----------------------------------------------------------------------------
    Newsmag 2.0 Child theme - Please do not use this child theme with older versions of Newsmag Theme

    What can be overwritten via the child theme:
		- please read the child theme documentation https://forum.tagdiv.com/the-child-theme-support-tutorial/

 */

/*  ----------------------------------------------------------------------------
    Here we add the parent style and the style.css from the child theme folder
 */
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', 1000);
function theme_enqueue_styles() {
    wp_enqueue_style('td-theme', get_template_directory_uri() . '/style.css', '', '3.0', 'all' );
    wp_enqueue_style('td-theme-child', get_stylesheet_directory_uri() . '/style.css', array('td-theme'), '3.0', 'all' );

}

Could this solve my problem?

  • This reply was modified 10 years by daimpa.
  • This reply was modified 10 years by daimpa.
Andrei L.
tagDiv Member

Hi

Try this css to set a lower z-index for the container which holds the social icons: http://screencast.com/t/EDPpQ8WdE

.essbis .essbis-media-wrapper{
z-index:1;
}

Thanks!

Andrei L.
tagDiv Member

Hi

That happens because you’re using child theme. When child theme is used the link to style css changes but the does not affect the pages if you don’t have customizations which breaks the page.

Thanks!

jploaizap
Participant
#0

already i have a web page, but whe i install and activate the newspaper theme, the theme dont look with de colors and styles, looks plane, like without css, i dont know what to do

Geomancer86
tagDiv Member

Bogdan, let me ask you a question, as I’m starting to undestand why the images look wrong. I have modified my import module, to only take images bigger than container, and setting them to appear in big grid 3.

I’m uploading the image and setting that as featured_image on posts, through WP-REST API, so I believe every thumbnails are being generated.. But I don’t know what should I check specifically to make sure the thumbnails are being generated and used.

If that doesn’t work, I believe I will be using custom css code to just center and crop the images as I need them..

daimpa
Participant
#0

Hello, I’ve upgraded the theme to version 3.0, but the CSS version loaded is still 2.0c. If I clear the cache the site works fine, so I think that everything has been upgraded correctly. The problem is that not all users know how to clear the cache… Why these lines shows 2.0 instead of 3.0? I’ve sent you via email the URL of my website.

I’m not using any cache plugin on wordpress.

<link rel=’stylesheet’ id=’td-theme-css’ href=mysite.com/wp-content/themes/Newsmag/style.css?ver=2.0c’ type=’text/css’ media=’all’ />
<link rel=’stylesheet’ id=’td-theme-child-css’ href=’mysite.com/wp-content/themes/Newsmag-child/style.css?ver=2.0c’ type=’text/css’ media=’all’ />

Bogdan B.
tagDiv Staff

Hi,

2) This css should remove a bit of spacing but keep in mind that css is very specific and it will only apply to the homepage on mobile. If you require other adjustments, you will have to use the browser inspector to figure out how to remove the spacing with css as this is very personal and we cannot provide a general code that can remove the white space everywhere:
@media (max-width: 767px){
.block-title{
margin-bottom:10px!important;
}
.td_block_1 .td_module_4{
padding-bottom: 5px!important;
}
.td_block_5 .td-block-row:last-child .td_module_3{
padding-bottom: 5px;
}}

5)You can activate the author name and the comments count for that particular block by removing the 2 // lines from here: http://screencast.com/t/WGirLBFwo Unfortuantely that’s about it. There is no other content that can fit in there as there has to be enough space for longer post titles.

6) The problem with the different module under the recipes category is because you only have 4 posts to show in that category .Every category is made out of 2 sections. A big grid and a module. You have a big grid with 3 posts and a module with 1 post. If you add more posts it will populate the module section with more posts. These can be selected from the per category settings: http://screencast.com/t/xEp1tg1Kw

I hope this helps.
Thank you!

Elodie
Participant
#0

Hi there,

I am having layout issues where when creating for instance a 2/3 column & 1/3 column layout in visual composer both columns take 100% of the width and are displayed one above the other.

I think this is due to js_composer.css overridding style.css (where the .td-pb-span8 & .td-pb-span4 classes are being overwritten by .vc_column_container)

http://dicebetting.com/

Could you help with this please?

Many thanks

Bogdan B.
tagDiv Staff

Hi,
Please use wp super cache as it;s the recommended caching plugin to use with our theme. Then disable the child theme and use the theme panel for css modifications: http://screencast.com/t/LSt5aXS9
you can also check the system status parameters here: http://screencast.com/t/vkBw4jGU and make sure you increase them according to this guide: https://forum.tagdiv.com/system-status-parameters-guide/
Let us know if you still have trouble afterwards.
Thank you!

Viewing 25 results - 22,101 through 22,125 (of 33,436 total)