Search Results for 'css'

Hi

To use diferent modules on the category page you will need custom modifications in theme’s core files and I cand provide a quick solution for that. Instead you can use blocks from Visual Composer, which are built from different modules, following this steps:
– first you need to set the block in VC and add a specific class for it as it’s necessary a custom css for this particular case: http://screencast.com/t/RmC19Befc
– switch in backend editor copy this code: http://screencast.com/t/u3Ca4vZrRXda http://screencast.com/t/oej5d5DGAkH
– insert this code in category.php file like here: http://screencast.com/t/SRIR9kv4

<?php echo do_shortcode('[vc_row][vc_column width="2/3" el_class="class"][td_block_14 limit="4" category_id="6" ajax_pagination="next_prev"][/vc_column][/vc_row]');?>

After that add this css in theme panel > custom css:

.class{
width: 100%!important;
}

The result should be like here: http://screencast.com/t/mjgyiqSCKn
This code will display the same block on all categories pages. If you need different blocks depending by category it’s need a set of conditions like this: http://screencast.com/t/kDrGBrUE

<?php
if (is_category(13)) {
block for category with id 13 goes here
}
elseif (is_category(14)){
block for category with id 14 goes here
}
?>

To get the category id follow this link: http://screencast.com/t/RZuMUg8oM01

Hope this help.
Thanks!

• This reply was modified 10 years by Andrei L..
• This reply was modified 10 years by Andrei L..

I have found that manual minification of the main CSS and JS files per the procedure in my sticky post on optimization of the general TagDiv themes still works best without relying on plugin to go bad, or break things, but couple guys on here seem to have it rocking; can’t recall which plugins they use, however.

You might look at the Newsmag theme instead as it’s got a narrower layout, while Newspaper is setup for modern wide-screen displays and HD displays. There isn’t an “easy” way to resize all the templates, modules, image sizes, etc. — it’s possible but a *lot* of work.

To test this out, simply modify the basic @media queries in the style.css to see how that works.

I added it to the Custom CSS for to remove the last link (Advertise) from the desktop nav bar using this code:

@media (min-width: 768px){
.menu-item-42507 {
display: none;
}
}

It still shows up on the desktop site, but I only want it to show up on the mobile menu. Any help?

I added the !important tag and it still is not working:

http://ecoronado.com/news/2015/11/05/bbmac-pool-opens-after-major-deck-repairs/ (I want the font under the photo to be larger…it is bigger on pop-up, but small under photo on page)

Here is my css custom code:

.block-mega-child-cats {
overflow-x: visible;
overflow-y: visible;
max-height: 400px;}

.td-gallery-slide-copywrite{
font-size:18px;
font-family:”Times New Roman”, Times, serif;
}
.mfp-bottom-bar {
font-size: 18px;

.wp-caption-text {
font-size: 18px !important;
font-family: “Times New Roman”, Times, serif !important;
}
.mfp-bottom-bar {
font-size: 18px;
}

Hi,

for 1) I did the css edit it worked however, there is this small squer box still visible: see linked image can you assist on how to take that out?

For 2) It was still not showing for me. Then I figured out. It would help to add this to your documentation or future support tickets. If the category is empty the ajax menu will not display. The category needs to have at least one post assigned to that category.

thanks for your help.

Hi

The theme have fixes values for its span colons and changing these values will affect the layout. You will need lots of customization such that theme’s blocks be displayed fine.
We can’t offer customization services at the moment so if you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
To place ads outside the page content you will need a new container in header or footer, it depends by ad’s code, and some css code for ad’s position on the page. You can use theme’s custom css spot for that code, but the html structure must be created in theme’s files: http://screencast.com/t/eJiayn0g4R8J

Hope this help.
Thanks!

Thanks for the reply!

I disabled all the plugins except visual composer and there is no modified CSS code — The problem persists.

I pulled the site out of maintenance mode so that you can take a look.

http://mjr.jour.umt.edu/

Thanks again for your help!

1. No, have not change any CSS for line height issues,. I think you have resized your browser to check the line height issues. Please use mobile device to regenerate the issue or check this page mobile device screenshot http://i.imgur.com/zkj68gT.png

or run the page test

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.wpdiv.com%2F&tab=mobile

You might noticed the same issue regenerated in screenshot http://prntscr.com/8zav0a

(Note : The screenshot i have attached here http://i.imgur.com/zkj68gT.png grabbed through my smartphone.)

2. Ok, let me use the JPEG image for logo. Thanks to notify.

Thank you but it didn’t work. Tried putting code at top of CSS custom code and at the bottom. Here’s what I have in my custom css code now:

.td-main-content-wrap {
border-top: 10px solid orange;
}
.home .vc_row .vc_separator {
margin-bottom: 30px !important
}

.home .vc_row .td_block_wrap {
padding-bottom: 0px;
}
.sf-menu > li > a {
padding: 0px 10px;

When I install this plugin site it is completely distorted. 🙂 CSS and JS terrible problem.

Thanks 🙁

Thanks so much

but how about at point: (1), (2)

-I need Area to create Ads Slider
-Can i have document Row setting or CSS box of newspaper6

Thanksss a lot

• This reply was modified 10 years by nathan.

Hi

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

.td_block_wrap{
padding-bottom: 0;
}
.td_block_wrap .td-next-prev-wrap, .td_block_wrap .td-load-more-wrap {
margin-bottom: 10px;
}

Thanks!