Return to previous page

Responsive.css and large-resolution.css problem

This topic has 9 replies, 3 voices, and was last updated 9 years, 3 months ago ago by Rose Tyler

kordicpetar

Participant

August 23, 2016 at 14:48

Hi there, I was trying to decrease border-bottom from 30px to 10px.

@import (min-width: 1200px)
.wpb_wrapper .wpb_content_element {
margin-bottom: 30px;
}

This code is from large-resolutin.css.

When I try to add this to style.css, nothing happens. How can I solve this?

@import (min-width: 1200px)
.wpb_wrapper .wpb_content_element {
margin-bottom: 10px;
}

Is there any other code I need to add in functions.css beside this:

<?php
add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );

}

Please help.

My site is now on test domain test.cia.rs

#137513 Copied Theme version: 3.0.2

8 Answers
Rose Tyler

Support staff

August 23, 2016 at 15:06
Hello,

Please watch the video Legenda WordPress Theme – How to create custom.css file https://www.8theme.com/videos/. In file add this code:

@media (max-width: 1200px) { .wpb_wrapper .wpb_content_element { margin-bottom: 10px !important; } }

Regards,
Rose Tyler.
#137515 Copied
kordicpetar

Participant

August 23, 2016 at 16:31

But if I understand correctly, you told one user here that we do not need to have both style.css and custom.css when I use child theme.

So, again, I am using child theme, and when I paste this code you provide to me, nothing happens.

My site is on http://www.test.cia.rs

@media (max-width: 1200px) {
.wpb_wrapper .wpb_content_element {
margin-bottom: 10px !important;
}
}

What should I do next.

Please, contact administrator
for this information.

#137531 Copied

Jack Richardson

Support staff

August 23, 2016 at 17:12

Hello,

Could you please show a screenshot what exactly you want to modify?

Thank you.

Best regards,
Jack Richardson.

#137535 Copied

kordicpetar

Participant

August 23, 2016 at 17:24

Hi, here is what I want to reduce from 30px to 10px

https://postimg.org/image/5uzz1mzif/

This line is set in large-resolution.css that i want to change, but I can not.

#137538 Copied
Jack Richardson

Support staff

August 23, 2016 at 19:24
Hello,

I’ve corrected previously provided code to the following

@media (min-width: 1200px) { .wpb_wrapper .wpb_content_element { margin-bottom: 10px !important; } }

Please check the site now.

Best regards,
Jack Richardson.
#137549 Copied
kordicpetar

Participant

August 23, 2016 at 21:10

I already tried with this code, and it do not work. I sent you my credentials, so you can try by yourself.

Do you have some other solution?

#137551 Copied

kordicpetar

Participant

August 23, 2016 at 22:02

It started to work now. Thanks!

#137552 Copied

Rose Tyler

Support staff

August 24, 2016 at 07:52

Hello,

You’re welcome!

Regards

#137575 Copied
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘responsive.css and large-resolution.css problem’' has been successfully resolved, and the topic is now closed for further responses

Responsive.css and large-resolution.css problem

Explore our best WordPress WooCommerce Themes collection