Search Results for 'css'

Hi,

There is not a general option to change color for all elements, as they are using different colors and are in different sections. You can change colors for each of them using custom css or/and options from Theme Panel.

Thanks!

Hi,

Unfortunately you cannot do this, only to hide blocks using custom css(media queries) on specific devices.

Thanks!

Hi,

I have checked your site and did not found any issues with menu item on Chrome – http://screencast.com/t/GGs3BeCx7N

1. Do you use any shortcodes related to those plugins in that page?
Also please provide more details about this. How do you add a page in the menu?
As above you say:

As soon as I “UNCONNECTED” the Page ID from the Menu, all the plugins worked fine.

And in the last post:

Why adding pages to the menu (to allow a full dropdown that is NOT a mega menu)

2. Please try this custom css to hide posts and comments count – http://screencast.com/t/OuvOqy6hhu

.author-box-wrap .td-author-counters {
display: none;
}

Hi,

If your featured image is smaller, you will need to use plugin like Thumbnail Upscale to enlarge thumbnails: https://wordpress.org/plugins/thumbnail-upscale/ For upscale use a combination of plugins Thumbnail Upscale + Force Regenerate. As WordPress doesn’t enlarge images.
Or you can use custom css to enlarge it if is not much difference between container width and image. Try to add width 100% to the image:

.single_template_4 .td-post-featured-image .entry-thumb {
width: 100%;
}

Thanks!

Hi,

Unfortunately is usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme color appears first then changes, because of the cascading property of css. A solution is to make your changes in style.css like already Christopher suggested.

Thanks!

Hi,

Please use Chrome inspector tool to inspect a specific element and customize it via css code: http://screencast.com/t/seoUk5UpVG

.td-search-form-widget input[type=submit] {
background-color: red;
color: blue;
}

And also for comment button: http://screencast.com/t/2OpzUsforfJi

.comment-form [type=submit] {
background-color: red;
color: blue;
}

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css and after that add items to your top menu and see if it works:

.td-header-sp-top-menu .menu-top-container {
width: 80%;
}
.td-header-style-7 .td-header-sp-top-menu {
width: 100%;
}

Thanks!

Hi,

On mobile the module 10 thumb(this module is used on block 11) is resized via custom css, but you can try this custom css and it will look like module 6(block 7) on mobile – http://screencast.com/t/7X1CTzL9

@media (max-width: 767px){
.td_module_10 .td-module-thumb .entry-thumb {
width: 100px !important;
height: 75px !important;
}
.td_module_10 .td-module-thumb {
float: left !important;
}
.td_module_10 .td-excerpt, .td_module_10 .meta-info .td-module-comments, .td_module_10 .td-post-category {
display: none !important;
}
.td_module_10 .item-details{
margin-left: 120px;
margin-bottom: 0px !important;
min-height: 100px;
}
.td_module_10 .entry-title {
font-size: 12px !important;
}
}

Please paste this code in Theme Panel > Custom Css and use !important tag if some values doesn’t apply.

Thanks!

Hi,

Please try this custom css – http://screencast.com/t/2euVh2bDSnH

.td-footer-wrap .widget_text .block-title span {
font-size: 30px;
font-style: italic;
color: #64E042;
background-color: transparent !important;
text-align: center;
display: block;
}
.td-footer-wrap .widget_text .block-title {
border-bottom: none !important;
}

Thanks!

Hi,

You can do this using css code in Theme Panel > Custom Css and you can use menu item unique class – http://screencast.com/t/PofV9dCzfrgh

.menu-item-8070 {
background: #222222;
}
.menu-item-8070 a {
color: #ffffff !important;
}

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/TuruTDqi

.td-header-style-1 .td-g-rec-id-header .adsbygoogle {
top: 0px;
}
@media (min-width: 768px){
.td-logo-rec-wrap {
margin: 5px auto 5px;
}
}

Thanks!

Hi,

Please provide more details about your issue, a link and what css did you added in Custom Css section and it was not applied.

Thanks!

Hi,

Do you have any css customization?
If you use latest version of the theme(4.6.3) did you update from an older version? Di you used patch or a fresh install?
I can provide you css to fix this, but may cause cause another issues if you have custom css or did not updated properly. Also please first check this without any plugins active, leave just Visual Composer active, clear cache and check if you still have these issues.

If you want you can use this custom css in Theme Panel > Custom Css after you check what I asked above and without plugins: http://screencast.com/t/PzhbPITU7

.td-g-rec-id-header .adsbygoogle {
position: relative;
top: 0;
right: 0;
margin-top: 10px;
}
.top-header-menu li a:before {
top: -2px;
}

Thanks!

Hi,

Unfortunately the theme doesn’t have an option to display only 2 posts on mobile. All 4 post appear together and are only rearranged, they aren’t separated. What you can do is to hide using custom css on mobiles but they will not appear when you click to show next.
So you can use Lucian’s code to show last 2 post on 100% width or hide last 2 posts – http://screencast.com/t/jm1nfRN3c6

@media (max-width: 767px){
.td-big-grid-post-2, .td-big-grid-post-3 {
display: none;
}
}

Thanks!

Hi,

Yes, you can change also default color for top menu(if you use full top menu) – http://screencast.com/t/6dXKagVAZ
and for border – http://screencast.com/t/xQw5qeml7CbC

Unfortunately is usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme color appears first then changes, because of the cascading property of css.

Thanks!

Hi,

Please try this custom css for category background and color – http://screencast.com/t/Z3AIj6xP

.category .entry-title span {
background-color: #1AD788;
color: #BD7373;
}

And also for category pagination: http://screencast.com/t/w6uoZCRe

.category .page-nav .current {
background-color: #DBD948 !important;
border-color: red !important
}
.category .page-nav a:hover {
color: #3160B5;
background-color: #B62626;
border-color: #B2AB30;
}

Tagdiv blocks have an option to change title background and color event they are added from widgets section – http://screencast.com/t/EpuOBy1qVcL

Thanks!

Hi,

Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/bQ46UEFMnc

.td-post-sharing .td-classic-facebook iframe {
min-width: 120px;
}

Thanks!

Hi,

There seems to be a css issue on android, please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/ORFTwlq8QdP

.td_detect_is_android .td-trending-now-title {
top: 0px;
}

Thanks!

Hi,

All menu items have a css to float left and the menu with is increased automatically when an item is added there – http://screencast.com/t/vketUPgs0m You have to add a width to the menu and the to float right those items using item unique class.
Please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/YeZv6er2

.sf-menu {
width: 100%;
}
.menu-item-4461, .menu-item-4460 {
float: right !important;
}

Thanks!