Search Results for 'css'

Results from the Forum
Lucian
tagDiv Staff

Hi,

You can find it in style.css file, the sidebar is set to slide under on mobiles screen width under this media query: @media screen and (max-width: 767px)

Thanks

toppbottom
Participant
#0

Per your instruction I have placed this in the custom css to have the “To the Top” button appear on my mobile phone, and although you have provided a screenshot, it still does not appear on my phone. I have an Android (Note 3). I am not sure if that matters, but what can I do at this point to get it to appear? Thanks in advance.


@media
(max-width: 768px) {
.td-scroll-up-visible {
display: block;
}
}

Lucian
tagDiv Staff

Hi,

You can add and icon like this: http://screencast.com/t/yDmOztPVct and add a class to it and style it via css.
ex:
<img src="https://cdn0.iconfinder.com/data/icons/app-tab-bar-icons-for-ios/20/Key.png" alt="alt" height="20" width="20">
Result: http://screencast.com/t/zocu6DbwVP8

Thanks

  • This reply was modified 11 years by Lucian.
Lucian
tagDiv Staff

Hi,

1. An option for changing the footer text color hasn’t been added there due to the variety of the content you can add there. You can change the text color for module/blocks from panel and you can use custom css for the elements you want to change color of and don’t have an option.

2. That is not an issue as the widgets title are different from the blocks titles and were designed that way. You can also alter that space via custom css and adjust it as you like.

3. Use this css for that: http://screencast.com/t/NbnPWh7fH

@media (max-width: 767px){
.td-footer-container .td-pb-span4, .td-footer-container .td-pb-span8, .td-footer-container .td-pb-span12 {
padding-bottom: 0px !important;
}

.td-footer-container .widget_nav_menu {
padding-bottom: 0px;
margin-bottom: 0px;
}
}

4. Use this css for that: http://screencast.com/t/Or8noyKw

.td-footer-container .block-title > a, .td-footer-container .block-title > span {
background-color: red;
}

5. I will add this on our feature requests list, however we have almost 200 feature requests and we have to pick very carefully what we implement, thanks for the suggestion though, we will consider it.

6. Replied here: https://forum.tagdiv.com/topic/heading-slider-module-missing-in-mobile-version/#post-32694

7. We will take a look at this and fix it in next theme versions if we find something wrong wit it as I haven’t managed to recreate this.

Thanks

Lucian
tagDiv Staff

Hi,

I have tried to recreate this but haven’t been able. This could be fixed via custom css and use the media query’s to target just the mobile views and apply your custom css. Please also send your site’s URL so I can inspect this or use the media query below to target the mobile view and fix this via css.

@media (max-width: 767px) {
add here your css code
}

Thanks

Alin [tagDiv]
tagDiv Staff

Hi,

Please use this custom css:

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

Thanks!

Alin [tagDiv]
tagDiv Staff

Salut,

Aceasta problema apare din cauza plugin-ului Yoast Google Analytics. Poti dezactiva aceasta optiune din Yoast Google Analytics general settings: http://screencast.com/t/LRV9LlBn3 , de asemenea poti folosi “Google analytics” al temei din Theme Panel > Analytics si doar adaugi codul: http://screencast.com/t/EtxOCuXlspj

Pentru meniu ca sa apara mai multe categorii pe 1 rand se poate rezolva cu css sau incerci sa folosesti titluri mai scurte. Oricum eu am incercat pe site-ul tau urmatorul cod pe care il poti folosi in Custom CSS din Theme Panel:

.sf-menu {
    margin-left: 0px;
    margin-right: 10px;
}
.sf-menu > li > a {
padding: 0px 5px 0px 10px;
font-size: 12px;
}
.sf-menu a.sf-with-ul {
padding-right: 15px;
}

.sf-menu .td-icon-menu-down{
padding-left: 3px;
}

#td-top-search {
right: 0px;
}

Rezultat: http://screencast.com/t/0Vv8lqsA2ku

Multumesc!

Alin [tagDiv]
tagDiv Staff

Hi,

Please use this custom css:

@media (max-width: 767px){
.td_normal_slide .block-title{
display: inline-block;
top: 40px;
}
}

Thanks!

DMIKOU
Participant
#0

Hello,

When I am trying to activate the revolution slider in the wp panel, I get the following error message:

Revolution Slider Error:fetch – Table ‘newshub.wp_revslider_css’ doesn’t exist

Query: select * from wp_revslider_css where handle = ‘.tp-caption.medium_grey’ Fatal error: Uncaught exception ‘Exception’ with message ‘fetch – Table ‘newshub.wp_revslider_css’ doesn’t exist

Query: select * from wp_revslider_css where handle = ‘.tp-caption.medium_grey” in /var/www/newshub/wp-content/plugins/revslider/inc_php/framework/functions.class.php:7 Stack trace: #0 /var/www/newshub/wp-content/plugins/revslider/inc_php/framework/db.class.php(19): UniteFunctionsRev::throwError(‘fetch – Tabl…’, -1) #1 /var/www/newshub/wp-content/plugins/revslider/inc_php/framework/db.class.php(34): UniteDBRev->throwError(‘fetch – Tabl…’) #2 /var/www/newshub/wp-content/plugins/revslider/inc_php/framework/db.class.php(129): UniteDBRev->checkForErrors(‘fetch’) #3 /var/www/newshub/wp-content/plugins/revslider/inc_php/revslider_operations.class.php(912): UniteDBRev->fetch(‘wp_revslider_cs…’, ‘handle = ‘.tp-c…’) #4 /var/www/newshub/wp-content/plugins/revslider/revslider_admin.php(405): RevOperations::importCaptionsCssContentArray() #5 /var/www/newshub/wp-content/plugins/revslider/revs in /var/www/newshub/wp-content/plugins/revslider/inc_php/framework/functions.class.php on line 7

fbengo
tagDiv Member

Try to add this to custom css or style.css in child theme:


.sf-menu li:last-child a:hover,
.sf-menu .sfHover:last-child a {
  background-color: transparent;
}
12familyde
Participant
#0

Hi there …

is there a chance to change the background colour for fields?
For example for my contact form, or bbpress fields, which are used to enter informations or text in general on the front-side.

The white backgrounds – as here on the forum looks often too invisible to me. Is there an option in the theme panel for this? Or would I need to change some css files to do this?

Best regards
Torsten

pboleo
Participant
#0

Hello!

I have two licenses for the Newspaper theme and I’m trying to make some of the images on the front page round.

The only way to do this is with CSS on a div, but i need to identify the div in some way, and your divs have the class=”thumb-wrap” but don’t have any form of individualization.

Is there any way you could implement this change in your theme as to give users the possibility of affecting the intended div with our CSS code ? The ideal would be each post div have the categories the author chose inside the class (for example: class=”thumb-wrap europe society”) and like that your CSS would work and we would code the css for “europe” or “society” or whatever we wanted.

I ask this because if i do it myself and change the theme, then i can’t continue installing theme updates when you release them, and i think this would be a nice visual addition to the Newspaper theme.

Thanks in advance for all your help and congratulations on an fantastic theme.

indiainsights2013
tagDiv Member

Hi Marius,

Thanks for the custom CSS. I got this after applying the code.
http://www.screencast.com/users/omnipundit/folders/Default/media/a181fa89-5bf7-4d9e-aa92-395f00bd9746

However I want to keep a small white margin on both sides of the image as indicated in the above image with red arrow. Also I need help in changing the font type and size of the title of each article below the image. Can you provide me with your views.

Thanks,
India Insights

simchris
tagDiv Member

It’s not technically a real error for old HTML practice, but perhaps a true error for modern HTML5 practice. Not all images/icons need an actual alt text, only must have the alt tag itself to pass CSS standards. So, alt=”” is correct for a spacer graphic, or icon with no semantic meaning where the alt text would not provide useful info when the image does not load.

HOWEVER
I am going to request Radu actually make that a value of “right” and for the left image add “left”

e.g. alt=”left” alt=”right” as appropriate, for modern site checkers and consistency. Or, perhaps the ASCII code for left bracket and right bracket would be more semantically correct.

Some discussion on this:
http://stackoverflow.com/questions/23526791/when-is-it-acceptable-to-leave-the-alt-text-empty-on-an-html-image-if-ever

  • This reply was modified 11 years by simchris.
  • This reply was modified 11 years by simchris.
Marius
tagDiv Staff

Hi,

Add this CSS in Theme panel -> Custom CSS

body {
cursor: pointer;
}
.td-container,
.td-header-container {
cursor: default;
}

About the mobile issue , can you give me a link to see the issue.
Thanks!

Kerran elamassa
tagDiv Member

Super, thanks for help! I’ll try all this as soon as I can.

And I’ve got a new question:

I have tags and similar articles (by category) below all my posts. But I would also like to have the same stuff underneath all my pages (I use a plugin that allows me to give categories and tags to pages). How should I do this? Also custom CSS?

Thanks again!

Marius
tagDiv Staff

Hi,

If you want to have the same button style, you need to style it via CSS. Show me a link with the button to inspect it.

Thanks!

Marius
tagDiv Staff

Hi,

1. The Mega menu not work as a sub-menu item. The Mega menu should be for parent menus. To move it to the right use this CSS, add it in Theme panel -> Custom CSS

.sub-menu .td-mega-menu .sub-menu {
left: 192px !important;
}

2. I’ve tested your facebook id and for me works fine, see here: http://screencast.com/t/Qbb1BuEITgZ Please make sure you have the latest plugin version.

3. You can replace that color with this CSS, add it in Theme Panel -> Custom CSS

*::-moz-selection {
background: none #cccccc !important;
}

4. Manually I don’t thinks is a solution if you have a lot of quotes, another solution is to replace the default quote style with the one that you like, if is possible, I’m not sure have the same HTML structure. Tell me what quote style do you want to use?

Thanks!

Marius
tagDiv Staff

Hi,

Use this CSS, add it in Theme panel -> Custom CSS section

@media (max-width: 767px) {
.td_mod9 .meta-info,
.td_mod9 .td-post-text-content {
display: none;
}

.td_mod9 .item-details {
margin-left: 0 !important;
margin-bottom: 10px;
}

.td_mod9 .thumb-wrap img {
position: relative !important;
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-bottom: 10px;
}
}

Thanks for the message!

1nvazN
tagDiv Member

Hi Lucian,

I found out the solution for this problem.
You have to save it through the Visual Composer system and not the WordPress system.

Anyway I have another question. I would like to set set a different class name for one of my text widgets, so I can change it without affecting the other text widgets.

However, when I fill in the field: “Extra class name” it does not seem to allow me to make changes through CSS.
Is it a bug or am I doing something wrong?

chri5topher
tagDiv Member

I finally got it to work adding the following lines to the custom css>advanced css>phones in the theme panel.

.wpb_widgetised_column {
display: none;
}

djshadowslim
tagDiv Member

Thank you Chris for your timely response. I really appreciate it. Especially, during the holidays and today being New Years Eve. So far, the developer of the CM Manager Download Pro plugin responded back to me and told me that sometime next year they will release a new version that will handle the responsive feature of the Newspaper 4 theme. Other then that I haven’t hear anything new yet from the Radio Station developer.

In the meantime, I wanted to know if it is possible to clean up as much as possible with the way how the site looks and feel. I guess my ultimate question is:

1. Is there a way to figure out the original page structure and add it to the “PLUGIN” CSS files. I know it won’t make the plugin responsive but at least the Newspaper 4 theme can retain its natural structure.

For example: The CSS for a full page without the sidebar. If so, can anybody help me implement it.

chri5topher
Participant
#0

Hi there!

I am having trouble hiding the sidebar on mobile. I am using the visual composer wigetised sidebar. I have added the following css from a few earlier posts:


@media
(max-width: 767px) {
.post .td-main-sidebar {
display: none;
}
}

It is still showing up. I am using the infinite-scroll within a block13.

Thanks!

simchris
tagDiv Member

Are the plugins designed to work with responsive themes and are they updated to work properly with WordPress 4x (not all are)?

Many plugins use their own CSS for their content, and it that content uses fixed elements, the theme cannot magically make them responsive, such as tables, or fixed pixel widths set in the CSS loaded by the plugin.

Of course if the plugins work properly in the default responsive WordPress theme (did you try that?), then you would be more likely be able to massage them to work with the theme.

Lucian
tagDiv Staff

Hi,

That css shouldn’t affect the functionally of your code just it’s looks.
Make sure you have your code properly formatted and that you add your custom js code in theme panel custom js field like this: http://screencast.com/t/Xb1y6C1Xe

Thanks

Viewing 25 results - 30,251 through 30,275 (of 33,436 total)