Search Results for 'css'

Results from the Forum
Bogdan B.
tagDiv Staff

Hello,

Unfortunately page titles do not get the line underneath them. If it’s the page title you want to add the bottom line to then you can use this css:

.td-page-title{
border-bottom: 1px solid black;
}

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

Thank you!

Andrei L.
tagDiv Member

HI

When you set a background color or background image the theme switch n boxed layout and all page will have 1068px.
To set a different background color for pages you can use this css in theme panel > custom code > custom css:

body ,page{
background-color: green!important;
}

Hope this helps!
Thanks!

Catalin
tagDiv Staff

Hello mc_kot,

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

The code is ->

.td_module_10{
pointer-events:none;
}

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thanks.

Andrei L.
tagDiv Member

HI

In first image you pointed post’s title. That container have its own clickable part and that implementation can’t be changed because there are two containers one above the other.
That exclamation mark appear because there is used !important in css but is no need to worry about it.

Thanks!

Andrei L.
tagDiv Member

Hi

You can this css in theme panel > custom code > custom css: http://screencast.com/t/kV3xhO3i

@media(max-width: 768px){
.single .entry-title {
font-size: 20px!important;
}
}

Thanks!

Catalin
tagDiv Staff

Hello TheRiz,

Do you want to remove the Page title from your pages, right? So, if you want to do this you will have two possibilities -> change the page template to another or you can use a bit of CSS code.

The code is ->

.td-page-title{
display:none;
}

If is not what you mean, please provide also please provide a screen pointing to the desired result, it would help us to understand what you’re trying to do

Thanks.

Catalin
tagDiv Staff

Hello ivpt,

We know about this issue and we will consider to fit in in near future update. Until this, please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td_block_social_counter .block-title > span{
background-color:red;
color:green;
}
.td_block_social_counter .block-title{
border-color:red
}

Thanks.

Bogdan B.
tagDiv Staff

Hi,

Try with this CSS, add it in Theme Panel -> Custom CSS section:

.td-post-featured-image .entry-thumb {
display: table;
margin-left: auto;
margin-right: auto;
}

Thanks!

Bogdan B.
tagDiv Staff

Hi,

Sorry for the late response, we do not work on weekends.
There are 2 ways to go about the images. Either switch to msrtlist 7 or use this custom css:
.td-slide-smart-list-1{
text-align: center;
}

Which will center the images on smartylist 1.
Add the code in the theme panel->custom css box

Thank you!

Catalin
tagDiv Staff

Hello ivpt,

These kinds of “problems” appears when you use the Speed Booster plugin and you have some custom modification on your site. If you want to exclude this loading delay, you have to put manually each your custom CSS modification in style.css file. Here, I am referring to all the changes you have done into your Theme panel. The main core file is style.css and on the first time, the theme load the styles from this file and then the theme load your custom styles.

The way Speed Booster improves site’s page speed it’s by moving some CSS and js resources, which usually are loaded in the header, to the footer, such that the browser can load the content faster.

Hope this helps and let us know how it goes!

Thank you for the message!

Catalin
tagDiv Staff

Salut Raul,

Daca vrei ca numele paginii sa nu mai fie afisat pe mobil, trebuie sa folosesti un pic de cod CSS pentru a-l ascunde.

Codul este ->

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

Multumesc.

Catalin
tagDiv Staff

Hello technotrain,

If you want to remove the search icon you will have to use a bit of CSS code and place it in Theme panel->Custom CSS area but if you want to move it in the Top Bar menu, please notice that is not a simple task and it require to make some changes in order to achieve best results and all of these involves custom work.

.td-icon-search{
display:none!important;
}

If you want to display more levels in the theme and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you!

Thanks.

Catalin
tagDiv Staff

Hello PhilCreighton,

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

.block-title > span{
background-color:red!important;
}

The result is here -> http://screencast.com/t/0QtEy1hjJr3

Thanks.

Andrei L.
tagDiv Member

HI

This happens becasue there is a gradient over the image. You can fix this by removing the gradient with this css: http://screencast.com/t/nDy3mXKqUze

.td-image-gradient:before{
height: 0%!important;
}

Thanks!

Bogdan B.
tagDiv Staff

Hello,


@oyvind
The fix provided above has to be placed in the mobile theme custom css not the desktop verson as it’s a fix for mobiles only. If you still have the issue on desktop please provide a link to your site so we can onspect it as we do not get any such issue on our end.

@Mayapur Voice We will fix the mobile theme alignment issue in the next update that will be released in the following days

Thank you!

Andrei L.
tagDiv Member

HI

To make only the links from post content underscored replace the above css with this one:

.td-post-content a{
text-decoration: underline;
}

Thanks!

Andrei L.
tagDiv Member

HI

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

.td-weather-city {
line-height: 4;
}
.td-header-sp-top-widget{
line-height: 40px;
]

Hope this helps.
Thanks!

Andrei L.
tagDiv Member

HI @Chris

Thanks for your suggestion, I’ve added it on our todo list and we will consider it for future updates. Meanwhile you can try this css to hide comment counter in author box: http://screencast.com/t/CEMJEy1VGu0X

.td_top_authors .td-author-comments-count{
display: none;
}

Hope this helps.
Thanks!

Andrei L.
tagDiv Member

Hi

Thanks for reporting this, I’ve added it on our todo list and developers will try to find a solution for it as soon as possible. Meanwhile try this css to add a margin above author name:

@media(max-width: 768px){
.td-post-author-name {
margin-top: 5px;
}
}

Hope this helps.
Thanks!

Amit
Participant
#0

I am using the latest version of Newspaper theme. When I use speed booster plugin, everything works fine, but it’s adding duplicate Jetpack CSS in the source. Check screenshot http://prntscr.com/ce48nf

Speed booster does not work when I use page speed module for javascript

Bee3
Participant
#0

Hello!

I am searching for a way to make the site background one color (grey) and the page background another color (white or light grey) while keeping the header and footer (menu, etc.) fullwidth.

(I haven’t found any theme demos that show a similar background/page variation so this brings me here to ask the question.)

I was hoping this edit could be accomplished simply through the theme settings, but it doesn’t appear possible. (and maybe this is because I am not familiar with how to edit the theme settings)

Is there a way to do this through the theme settings? If so, how is this accomplished (properly)?
If not, is there a way to achieve this look through a custom CSS style? If so, could you please share the proper CSS styles to edit?

Thanks much!
(Hope I explained this fully, if not, let me know and I will show you a screenshot) 😉

simchris
tagDiv Member

Usually going to the menus option in appearance > menus and re-saving your menu locations works. This is often a common issue in changing themes due to how WordPress stores that info. Also check the menu option in the theme panel > header.

ALSO: remember your site now has all-new CSS; if you had added custom css to bottom of your style.css in old theme, you need to add that back in new theme.

This also means you need to fully clear your cache; such as in Chrome, in clearing your history to load only the new CSS for your updated site.

Glad you were able to get 3.1 working 🙂

footballcitizens
tagDiv Member

I have added some custom CSS for the header, footer and mobile logo:
.td-header-style-9 .td-header-sp-logo img { width:35%; height:auto; }
.footer-logo-wrap img { width:35%; height:auto; }

The problem is that when I refresh or change between sections, logo loads in its original size and then resizes.

How can I avoid showing the logo until the custom code is applied?

Thanks

TheRiz
tagDiv Member

Hi Andrei, thanks for the response. I meant hiding the Page Title in the breadcrumb.

Home > [page title]

Currently you can disable Post Title’s from appearing in the breadcrumbs but not page titles. You do this through Theme Panel > Template Settings > Breadcrumbs.

I will attempt to do this with CSS if there is no other way.
Thanks

ivpt
Participant
#0

When using Custom CSS, Google Chrome renders CSS so fast that it is causing flickering, i.e. moves pages down and up in split of a second (because we reduced height of header using CSS).

Printing Custom CSS in HEAD tag instead of footer will resolve similar issues. We moved the CSS to Header Ad as a temporary workaround.

Or you can introduduce boxes what custom code to be inserted in header and which one in footer.

Many thanks.

Viewing 25 results - 21,226 through 21,250 (of 33,436 total)