Search Results for 'css'

Results from the Forum
Alin [tagDiv]
tagDiv Staff

Hi,

Do you refer to the links from your post content? You can try this custom css in Theme Panel > Custom Csshttp://screencast.com/t/lp6fkD16W

.td-post-content a {
color: #b1283a;
}

Thanks!

kenview
Participant
#0

In the Newsmag Theme … how do I change the font size in the “TEXT LOGO TAGLINE” area of Logo and Favicon?

I have tried using some of the suggestions in this Topic area in the “Custom CSS box” in “Custom Code” and have tried to use “!important” (and the editor seems to reject that) but so far no success.

Any suggestions please

Thanks
Ken

fwoedit
tagDiv Member

I’ve tried clearing the CSS everywhere, but it’s still there.

The logo itself is about 156 high.

The extra space below suggests something else is causing the issue.

Bogdan B.
tagDiv Staff

Ok,

It seems that any modification to the image will cause responsiveness to break so there is a solution to this. Use the responsive advanced css boxes and only change the desktop and tablet viewports. Adjust the above code if necessary. Change the values so the result will be different for the image and gradient on each view port here: http://screencast.com/t/P6yC37U45ajL
Smaller screens will not need this modification as they will show the full image only smaller so all the image will be visible.

I hope this helps.
Thank you!

Bogdan B.
tagDiv Staff

Hello,

You can set the border color to white using css or inline styles.
http://www.w3schools.com/css/css_table.asp

Thank you!

Bogdan B.
tagDiv Staff

If you want a customization badly, the correct path to take is to hire a freelancer to help out, but since we are good guys I will show you how to do it 🙂 keep in mind though that customization is not part of the theme support; we try to help out where we can.
OK, for the headers to be like on the cars demo you will have to use this css:

.block-title{
background-color: #f77b33!important;
}
.block-title > span{
background-color: #f77b33!important;
}
.td-subcat-filter .td-subcat-list a {
color: #fff;

This should bring you pretty close to the cars blog headers.

Thank you!

Manuela
tagDiv Member

This is not to modify the CSS, just to add some codes to fuction.php, so when you update the theme, they don’t go away.

Thank you

Bogdan B.
tagDiv Staff

Hello,

Unfortunately the mobile version of the site was never meant to show the top menu. It can be added with a bit of custom css but only at the top of the main page, not inside the hamburger menu. Try this code:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
div.td-header-sp-top-menu {
display:block !important;
float:none!important;;
}
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
.menu-top-container {
display: table!important;
margin-left: auto;
margin-right: auto
}}

Add the code in the theme panel->custom css box.

Thank you!

Catalin
tagDiv Staff

Hello weezyworld,

You will have to use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-module-meta-info .td-post-author-name a {
color: black;
}
.td-big-grid-wrapper .td-module-meta-info .td-post-author-name a{
color:white;
}

The result you should see here -> http://screencast.com/t/qCkVT7yFiDJ6

Thanks for the message!

Manuela
Participant
#0

Good morning,

To don’t make any mistake, can you give me the details to put into a child stylesheet?

A you know this is the code, and I have to replace the details with Newspapers one.

/*
Theme Name: Twenty Fifteen Child
Theme URI: http://example.com/twenty-fifteen-child/
Description: Twenty Fifteen Child Theme
Author: John Doe
Author URI: http://example.com
Template: twentyfifteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-fifteen-child
*/

Thank you

Catalin
tagDiv Staff

Hello,

Please try the code below and place it in Theme panel->Custom CSS area, if you want to hide the Pinterest Social Network for Mobile.

The code is ->

@media (max-width:767px){
.td-sp-pinterest {
display: none!important;
}
}

Thanks for the message!

Catalin
tagDiv Staff

Hello Enio,

You should try the following code and place it in Theme panel->Custom CSS area.

The code is ->

.td-big-grid-post .td-module-comments{
right:10px;
top:auto;
bottom: 10px;
}
.td-module-comments {
background-color:#848484!important;
}

The result you should see here -> http://screencast.com/t/gYsJWRzHo

If you do not like this, you should edit the value for right, bottom by your desire.

Please notice that I give you only a code to the beginning and further you should customize it yourself. 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 custom work at the moment, sorry!

Thanks for the message!

josinc
tagDiv Member

Hello Bogdan,

What if I wanted that change very badly.
What CSS selectors I need to change for ‘Sidebar Widget Headers’ and ‘Next’ and ‘Previous’ article links in post page.

Josin

fwoedit
Participant
Bugs - topic
#0

I don’t use the word “bug” loosely, but not sure what else to call these:

– Whenever I change CSS _of any kind_, the Top Menu resets, and whatever is set as the Top Menu is unselected
– The “Custom CSS” panel in the Themes Panel has “blanked” twice now

fwoedit
Participant
Logo issue - topic
#0

Hi there:

A space appears below my logo and above the Main Nav.

I’ve tried resizing the logo, deleting the logo, deleting all custom CSS, but I can’t seem to get rid of it.

Any suggestions?

http://ea1.a87.myftpupload.com/

saggel
tagDiv Member

Hello again Catalin. “CSS fix” isn’t the proper, because with margin-top function, on responsive sizes, the image doesn’t appear correct (grey empty gap appears, the image doesn’t centralized correct etc)

there is any other option to make the theme to crop the feature image “only center”, or “center to bottom” ?

the slider revolution plugin on politics demo slider, make this proper (crop the feature image on center).

Bogdan B.
tagDiv Staff

Hello,

The top icons doe not have a setting to remove them but it can be done with this custom css:

@media(max-width:767px){
.td-menu-socials{
display:none;
}}

As for the sidebar, unfortunately the mobile theme does not have sidebars. it was created without them. If the sidebar is a must have on your site, then we suggest not using the mobile theme plugin as there is no way of adding sidebars in the mobile theme. sorry.
Thank you!

Catalin
tagDiv Staff

Hello

Unfortunately, the theme does not have any such an option that allows you a way to enable or disable the max/min values of weather, sorry! If you want to do this, you should use a bit of CSS code and place it in Theme panel->Custom CSS area.

The code is ->

.td-weather-lo-hi{
display:none;
}

The result you should see here -> http://screencast.com/t/TxA2U2GjL

Thanks for your understanding!

Bogdan B.
tagDiv Staff

Hello,

Unfortunately the user roles cannot be translated as they come from the wordpress code and that is part of the wordpress core, not a setting you can translate.
As for the author box you will have to use css to customize it with css and you have to change the thumbnail size from the theme code. http://screencast.com/t/fridP1nTsu3i
Unfortunately we cannot do it for you as we do not have a customizxatiopn department. We try to help out where we can but we cannot fulfill every customization request. Sorry

Thanks.

Alin [tagDiv]
tagDiv Staff

Hi,

The default css for post content is – http://screencast.com/t/RXkPo1CoZ4VF and you can change it from Theme Panel > Theme Fonts – http://screencast.com/t/Pcc7pxNR
The text from page content, when you don’t use Visual Composer, inherits the body font which is by default – http://screencast.com/t/G2q1RXF2Kj which is different and you can change it from here – http://screencast.com/t/fNKlpVt0

Thanks!

Catalin
tagDiv Staff

Hi marius,

You can use a bit of CSS code if you want to hide the login for mobile mode. Try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-menu-logout{
display:none;
}

Hope this helps!

Catalin
tagDiv Staff

Hello saggel,

I guess that I understand to what you are referring to. So, by default, the theme will crop the image center to top and that’s why will appear that image cut. Please try to use the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-image-gradient-style7:after {
top: -68px;
}
.td-post-template-7 #td-full-screen-header-image{
margin-top: 68px;
}

The result you should see here -> http://screencast.com/t/NXy6TZhwb11

Also, please notice that you can adjust all of these values as you wish.

Thanks for your understanding!

Bogdan B.
tagDiv Staff

Actually we use both and more techniques to hide content on other devices. This is not a simple task as I replied above. There is no solution I can provide as this will take quite a bit of time to do and time does not allow us to provide any customization services. We do not have a customization department. You will have to search through the css of the theme and find the values you want to change and the values you want to leave as they are.
Thank you!

Bogdan B.
tagDiv Staff

Hello,

Please provide a link to your forum so i can provide the proper css code for it as our theme does not have color options for bbpress, but it can be changed through custom css.

Thank you!

Andrei L.
tagDiv Member

HI

Try this css in theme panel > custom code > custom css to change the font-size: http://screencast.com/t/dizaoUhl8hi

.post blockquote p {
font-size: 20px!important;
}

Thanks!

Viewing 25 results - 20,426 through 20,450 (of 33,436 total)