Search Results for 'css'

Results from the Forum
richardprins
tagDiv Member

Hi, I edited the file indicated in one, but in the newspaper theme. I added the edited file to newspaper-child/includes/modules, and I have functions.php and styles.css included in the newspaper-child root folder.
Nevertheless, the social buttons still appear when I open an article. Should I perform an extra step to ‘activate’ the child theme, or do I have to edit different files in Newspaper?

Bogdan B.
tagDiv Staff

Hi,
this issue is caused by the css you added to change the logo width. This css no longer applies to the homepage in newspaper 7 as the logo css was changed.
please use this code instead if you wish to change the logo dimentions:
.td-header-sp-logo img {
width:150px!important;
}

Thank you!

Bogdan B.
tagDiv Staff

Hi,
There is no standard FAQ element that comes with the theme, that is why i could not guess what this element is. It seems to be an accordion from visual composer. Accordions have their own styling. Please provide a link pointing to this element so I can inspect and provide the css needed to change the text color.
Thank you!

yosoftware
tagDiv Member

Hi, I figured it out, but when I use your CSS it removes padding-bottom and the tile sits at the bottom of the picture ie. Big Grid 1 and Block 14 it removes everything. If I may suggest, such things should be a turn on/off rather than custom CSS.

  • This reply was modified 10 years by yosoftware. Reason: typo
Catalin
tagDiv Staff

Hello mahmoudfathymohamed,

If you want to get rid of it the play icon for your featured videos, you will have to use a bit of CSS code. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-video-play-ico>img {
display:none;
}

Thanks.

Andrei L.
tagDiv Member

HI

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

.td-header-sp-top-widget {
float: right!important;
}

Thanks!

Andrei L.
tagDiv Member

Hi

Try this css:

.td-subfooter-menu li{
border-right: 2px solid #ff823a;
}
.td-subfooter-menu li:last-child{
border-right: 0;
}

Let me know how it goes.
Thanks

Andrei L.
tagDiv Member

Hi

The code works fine on my end. Make sure you clear all caches after the css is added in theme panel then test again.
Let us know how it goes and if the problem persist please send us an email at contact@tagdiv.com with your login credentials and we will inspect this issue as soon as possible, also include a link to this topic.

We didn’t included V 4.12 in theme’s path yet. Currently we test the new version and when all it’s ready will be included in theme’s path.

Thanks!

Andrei L.
tagDiv Member

Hi

You can achieve that by adding this line of code in td_category_template.php file: http://screencast.com/t/W2DHGseBinhttp://screencast.com/t/ElnLpV5m

$buffy .= '<li class="entry-category"><a ' . $td_css_inline->get_inline_css() . ' class="' . $class . '" href="' . get_category_link($this->current_category_obj->cat_ID) . '">' . $this->current_category_obj->name . '</a></li>';

Thanks!

  • This reply was modified 10 years by Andrei L..
pprinc
Participant
#0

Just updated to V3 on a client site and the social icons aren’t looking good! The icons are now stretched out and look pretty bad. Is there a CSS change that causes this? If so, can you please show the CSS to get it back to perfectly round circles?

d2inspire
tagDiv Member

Hi,

Tried but failed, could you please have a look the screen shot attached and could you please let me know what is the correct code to make ‘HELPLINE’ red colour. So I can copy it and paste it on custom CSS.

http://asthramnews.com/screen/01.png
http://asthramnews.com/screen/02.png

Thanks

———————————————————–
#menu-main-menu-1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.td-menu-item.td-normal-menu.menu-item-362

Sjoerd
tagDiv Member

After some research we found out that the problem only occurs on Samsung devices. We solved the problem with a change in the CSS code.


.td-search-background:after {
content: '';
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
z-index: -10;
-webkit-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
-moz-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
-o-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

We deleted:

position: absolute;
display: block;

and the site was visible for the mobile (Samsung)users

Sjoerd
tagDiv Member

Hi Lisborg,

We encountered the same problem. After some research we found out that the problem only occurs on Samsung devices. We solved the problem with a change in the CSS code.


.td-search-background:after {
  content: '';
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: -10;
  -webkit-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

We deleted:

position: absolute;
display: block;

and the site was visible for the mobile (Samsung)users

  • This reply was modified 10 years by Sjoerd.
Catalin
tagDiv Staff

Hello appurohi,

Please try the code below and place it in Theme panel->Custom CSS area. Please remove the above code that I gave you above.

.sf-menu .menu-item-41 a:hover {
background-color:yellow!important;
}

I have tested on my side with the same code and work as properly in hover mode.

So, if the code does not apply, please send us an email at contact@tagdiv.com with your log-in information (wp-admin) so we can further inspect your setup page because you have a lot of custom CSS and that’s why the code provided by me are not applied and I try to give a code for one menu item.

Thanks for your understanding!

Esmeralda
Participant
#0

Hi guys,

We are having a problem with the sidebar in our website. It is not showing up in the rigth place but is overflowing to the bottom part. When I look at the css there is some extra width that is controlling this, seems to be related with a column/row in Visual Composer but I don’t see how to solve it.

Can you help me with that? The website is this one:
http://tempoearte-h1st.net/IndianRoseLife/

Thanks

Bogdan B.
tagDiv Staff

Hi,

Unfortunately the theme has n o such setting. you will have to use css to do it. Every menu item has it;s own class. You can use the browser inspector to change colors by following this guide: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/http://screencast.com/t/v3svO2ypoga

Thank you!

Catalin
tagDiv Staff

Hello

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

The code is ->

.td-main-page-wrap {
padding-top: 10px;
}

Thanks.

Bogdan B.
tagDiv Staff

Hi,
If you made any modifications to the theme code, please remove it including any custom css to see if the issue does not come from there. Also if you use a child theme, please switch to the main theme and check again. If you still have issues with this, please send us an email at contact@tagdiv.com and provide wp-admin so we can login and inspect the problem. Please also include a link to this topic so we can identify you.
Thank you!

raynaldoverde
tagDiv Member
Menu - reply

Hello guys,

1. How can I move my header title up to where the breadcrumbs are placed? I plan on moving my breadcrumbs to the bottom of my posts.

2. Is there a way to my sidebar to the bottom of posts when its in landscape? My old css doesn’t work anymore: @media (min-width: 768px) and (max-width: 1018px) {

.vc_column_container .post {
display: block !important;
width:100% !important;
}
}

3. Once I delete the search bar, how do I expand my ubermenu to reach span 4?

Andrei L.
tagDiv Member

Hi

I assume that you’re referring at the margin issue. if so use this css in theme panel > custom code > custom css to correct it: http://screencast.com/t/B6xlRN3sBE

.single .vc_row{
margin-left: 0;
}

Let me know how it goes.
Thanks!

Andrei L.
tagDiv Member

Hi

Each demo have its own style and to combine theme in most cases you’ll need a bit of custom css. For example the color for block’s title can be set from Visual Composer for each black but to have the same padding you’ll need this custom css: http://screencast.com/t/JaOfk9HUY9Kxhttp://screencast.com/t/kmQgh01r1m3

.block-title span, .td-medicine .block-title label {
padding: 7px 14px;
}

Thanks!

Bogdan B.
tagDiv Staff

Hi,

1) your social counter is not updated that is why it does not show up. Newspaper 7 requires version 4.1 of the social counter. Please disable and delete files for your current social counter plugin and then install it again from here: http://screencast.com/t/SZshTPHj
2) Please remove any custom css you might have regarding the header or the logo and restore the header to the theme default.

Thank you!

Catalin
tagDiv Staff

Hello muggi15,

I suppose that you want to change the background for your mega menu, right? Unfortunately, our theme does not have option from the Theme panel to change this, but only if you are using custom CSS code If you want this, please try the code below and place it in Theme panel->Custom CSS area and the result you should see here -> http://screencast.com/t/ngMqwt2WSqSR

The code is ->

.td_block_mega_menu, .td_mega_menu_sub_cats {
background-color:red;
}
.td_mega_menu_sub_cats .cur-sub-cat {
background-color: red;
}

If is not what you mean, please provide more details.

Thanks.

Catalin
tagDiv Staff

Hello sniperetn,

Upon further investigation, as you can see on your demo preview for Block 13, this is the default theme behaviour for this type of block/module. As I could see on your website, you are using the Block 13 without sidebar, using the full-width of the theme, right? So, this block uses the module 14 to display the feature image. In this case, the thumb is created as properly, with this sizes -> 696*385 px -> http://screencast.com/t/Q4aitWfJpL8o If you do not use the sidebar, the feature image was cropped to the thumb dimension and then with a bit of CSS it will be stretched to fit full width of the theme which is 1068px and that’s why your image is not clear because it loses quality. If you check our demo, you will see the same behaviour for this Block, like this -> http://demo.tagdiv.com/newspaper/block-13/ -> http://screencast.com/t/QDr9R8kqkt and the same case appears on your website, like this -> http://screencast.com/t/r7hIXbIsbmjs
As a hint, as you can do in this regard, would be to change the thumb dimension from the module 14, like this -> http://screencast.com/t/7vYhy9B5qpf9 -> http://screencast.com/t/XciGoQrE and then you will have to regenerate your Thumbnails using the Regenerate Thumbnails or Fore Regenerate. Please notice that additional customization may be required and 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 customization services at the moment, sorry!

Thanks for your understanding!

Bogdan B.
tagDiv Staff

Hi,
The video demo has a cutom css set to the row in visual composer. You can use the row’s design options for this from the row settings: http://screencast.com/t/HJfg5kqVEPEA You can also add a cutom class to the row and target it with css to apply a top padding like on our demo.
You can change the block titles colors from the theme colors section: http://screencast.com/t/L15Qo19sNl
As for the SAY WHAT demo, the padding is removed with custom css.
Please note that every demo has it’s own custom style to it and most of the times these are added with custom code. They cannot be done with the theme settings by default. Every demo is custom made and unique in it’s own way.
Thank you!

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