Search Results for 'page width'

[Brandon]

Brandon

#252070

I installed the bbPress plug-in on my production site and the following issue occurred. It was working fine on my staging site until I synchronized my production to my staging site.
-The status icons on the topics page aren’t displaying

I was also wondering how I could make the following three changes on my bbpress site styling or if the plug-in could be updated
-Make the background text transparent on a super sticky topic title and forum name. This way, the existing yellow bar background shows behind the text.
-Adjust the total page width for any of the bbPress content pages
-Ability to change the title font size for the Forums page, Topics page and Replies Page individually

Production Website: *Login to see link

[Brandon]

Brandon

#252070

I installed the bbPress plug-in on my production site and the following issue occurred. It was working fine on my staging site until I synchronized my production to my staging site.
-The status icons on the topics page aren’t displaying

I was also wondering how I could make the following three changes on my bbpress site styling or if the plug-in could be updated
-Make the background text transparent on a super sticky topic title and forum name. This way, the existing yellow bar background shows behind the text.
-Adjust the total page width for any of the bbPress content pages
-Ability to change the title font size for the Forums page, Topics page and Replies Page individually

Production Website: *Login to see link

[Mateusz Kramarz]

Mateusz Kramarz

#252051

Hello.

My team has bought the Kadence Slider Pro plugin. I’m using a free version of the Pinnacle theme. I’ve managed to place the slider on the website’s main page by enabling the “page content”* part under the “main page”* section in “theme options”* and using a shortcode on a page that’s set as homepage. This does not produce the result I want however. I would like to have a full width slider placed under the site’s navigation similar to the way that the theme’s demo page looks: *Login to see link Is it possible with the free version of the theme?

Here’s the link to the page I’m working on: *Login to see link
*I’m translating the Polish interface names to English – so I’m not sure if these are the correct names.

[Mateusz Kramarz]

Mateusz Kramarz

#252051

Hello.

My team has bought the Kadence Slider Pro plugin. I’m using a free version of the Pinnacle theme. I’ve managed to place the slider on the website’s main page by enabling the “page content”* part under the “main page”* section in “theme options”* and using a shortcode on a page that’s set as homepage. This does not produce the result I want however. I would like to have a full width slider placed under the site’s navigation similar to the way that the theme’s demo page looks: *Login to see link Is it possible with the free version of the theme?

Here’s the link to the page I’m working on: *Login to see link
*I’m translating the Polish interface names to English – so I’m not sure if these are the correct names.

[Hannah]

Hannah

#252033

Hey Maureen,
You can do this by setting your homepage as a static page and add a full width row to your page with a fixed background image. Can you tell me which editor or page builder you’re using?

Hannah

[Hannah]

Hannah

#252032

Thanks for the login! In order for the image to keep its original ratio and stay in the small container that it’s in, it is having to display small like that. Does that make sense? For the portrait image to keep its original height without the width going out of the container it has to display small unless you increased the container size.
The toolbar menu I was referring to is above your actual block in the edit page. Though I didn’t realize you were adding your block to a column and not a row, so I don’t believe this setting will do what you’re after.
Let me know if you have further questions on this!

Best,
Hannah

[phil2]

phil2

#252021

The image ratio is set to “Inherit”.

You mention “an option in the toolbar above the slider to set the slider to full width.” Should that be visible in the screenshot I sent above?

I’ll set you up with a login so that you can visit the page and review the settings.
Many thanks,
Phil.

[Stuart]

Stuart

#251879

You resolved the problem for me with your advice in #251781.

After receiving it, I changed the PageBuilder settings and set up a full width portfolio post.

I advised in #251799 that that the problem was resolved and confirmed that it is the portfolio post itself they want to have full width. I also changed the Virtue Theme Support setting to Resolved.

Stu

[john Clark]

john Clark

#251860

Hey Ben

It’s a child of twentytwenty. Barely started. No more than 10 or so changes to the parent and they only touch on the header, footer and links.

I’ve copied it here in case it’s of any use.

cheers

john

@charset “utf-8”;
/*
Theme Name: poem
Theme URI: http: //example.com/
Description: Child of twentytwenty
Author: John Clark
Author URI: http: //www.leadwhite.co.uk
Template: twentytwenty
Version: 0.1.0
*/

@import url(“../twentytwenty/style.css”);

/* Hide header Footer and page title*/
#site-header {
display: none;
}
.footer-nav-widgets-wrapper, #site-footer {
display: none;
}
.entry-header {
display: none;
}

/*adapted list stylings*/
ul {
list-style: none;
margin: 0;
padding: 0;
}
.entry-content p {
margin: 0 auto;
line-height: 100%;
}
a:link {
color: inherit;
text-decoration: none;
}
a:visited {
color: inherit;
}
a:hover {
color: #ED6F51;
text-decoration:underline!important;
}
a:hover::after {
content: “\2003″;
height:.75em;
width:.75em;
min-height: .75em;
min-width: .75em;
background-color: #ED6F51;
border-radius: 50%;
display: inline-block;
z-index: 2999999999;
position: relative;

/* Go left*/

float: left !important;
left:-60px;
margin-right:-60px;

/* Go Right*/

/*right:0;
float: right !important;*/
}
a:active {
color: darkorange;
}
/* my new classes*/
.myname {
margin-top: 60px !important;
line-height: 50% !important;
font-size: 43px;
margin: 0 auto;
}
.undername {
padding-bottom: 30px;
}
/* styling for listing with a border*/
ul.poem-box {
line-height: 80%;
margin-top: 0;
margin-bottom: 7px;
}
.poem-box li {
border: solid 1px rgba(0, 0, 0, 0.41);
padding-left: 10px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 5px;
margin-left: -10px;
display: inline-block;
font-size: .65em;
font-weight: 500;
}
.poem-red {
color: #ED6F51;
}
.poem-blue {
color: #80DCE8;
}
.poem-smallcaps {
font-variant-caps: all-petite-caps;
font-weight: bolder;
}
.poem-allcaps {
text-transform: uppercase;
}
.texty {
font-family:”Hoefler Text”, Garamond, “Times New Roman”;

[Pamela]

Pamela

#251856

Thank you Ben, that was the snippet missing. I have tested and it worked.

I used the CSS directly in the page builder, but I need anotherone Search field for almost all pages. This field should have a green outline, but I cannot get it visible. What is missing from this CSS?

form.search-form input[type=search].search-field {
padding-right: 50px;
box-shadow: none;
background-color: transparent;
border-width: 1px;
border-radius: 20px;
border-color: #00ae4d;
}

Pamela

[Stuart]

Stuart

#251799

Thank you Hannah

1 Yes it is the Portfolio post itself they want full width.

2 Thanks for the reminder to add Portfolio posts to the Page Builder setting selections. All resolved.

Most appreciated
Stu

[Hannah]

Hannah

#251781

Hi Stuart,
1. Do you want the posts to be full width within the portfolio archive or in the portfolio post itself? Can you post a link?

2. Yes! Navigate to Settings > Page Builder and you can select Portfolio from the Post Types.

Best,
Hannah

[Stuart]

Stuart

#251752

I have a client who wants some of the portfolio posts to be presented full width. Is there a setting or Custom CSS to achieve this?

Also is it possible to set up Site Origin Page Builder to be used on portfolio posts?

[Stuart]

Stuart

#251752

I have a client who wants some of the portfolio posts to be presented full width. Is there a setting or Custom CSS to achieve this?

Also is it possible to set up Site Origin Page Builder to be used on portfolio posts?

[Ben Ritner]

Ben Ritner

#251442

Are you clearing your browser cache and site cache? I just tested that page on an iPhone and Galaxy without any issue.

I’m noticing some odd css, are you adding this:

@media (max-width: 768px) {
.products div.product .product_item {
    display: flex;
    flex-direction: column;
}
}

With that added it’s best to add this as well:

@media (max-width: 768px) {
.products div.product .product_item a.product_item_link {
    margin: 0 auto;
    float: none;
    width: 100%;
    padding: 0;
    text-align: center;
}
.products div.product .product_item img {
    margin: 0 auto !important;
}
}

Ben

[Hannah]

Hannah

#251242

Try adding this to your custom css box in Theme Options > Advanced Settings:

.page-bread-container.clearfix {
    width: 100%;
}

Hope that helps!

Hannah

[Sherif]

Sherif

#251228

Hi Ben,

One of the blocks templates can override the width of the theme, but when I create one I can not make it full width.

Please check the Hero section and the last CTA of this page:

*Login to see link

In another page, home page, the layout inside the editor is Okay, but in the live page it is not looking fine. Please check the below images.

Thaks

[Sherif]

Sherif

#251228

Hi Ben,

One of the blocks templates can override the width of the theme, but when I create one I can not make it full width.

Please check the Hero section and the last CTA of this page:

*Login to see link

In another page, home page, the layout inside the editor is Okay, but in the live page it is not looking fine. Please check the below images.

Thaks

[Keith]

Keith

#251189

Hi,

I’d like to have the background color of the breadcrumb span the entire width of the page. I added css to change the background color of the breadcrumb position, but it only changes the background color where the breadcrumb content is. I’d like the background color to span 100% width of the pages. Is there css that can accomplish this?

Thanks
Keith

[Keith]

Keith

#251189

Hi,

I’d like to have the background color of the breadcrumb span the entire width of the page. I added css to change the background color of the breadcrumb position, but it only changes the background color where the breadcrumb content is. I’d like the background color to span 100% width of the pages. Is there css that can accomplish this?

Thanks
Keith

[Joanne]

Joanne

#251004

Hi Hannah, I’ve been playing about with those settings, it doesn’t make any difference to the size of the logo for some reason. What I have noticed is that if I load the page on the desktop and ‘inspect’ it, then, because the width of the screen is changed on the desktop, the logo does increase – so it seems to be something to do with width. I’ve got logo max set to 100, I’m not sure what it should be, but changing that doesn’t seem to make a difference either

[Ben Ritner]

Ben Ritner

#250915

This is css that would define for all:

@media screen and (max-width: 767px){
    .kt-over-set-ratio {
        padding-bottom: 100% !important;
    }
}

This for a specific page:

@media screen and (max-width: 767px){
    .page-id-1765 .kt-over-set-ratio {
        padding-bottom: 100% !important;
    }
}

This for a specific row:

@media screen and (max-width: 767px){
    #kt-layout-id_e59b2d-24 .kt-over-set-ratio {
        padding-bottom: 100% !important;
    }
}

Ben

[Harry]

Harry

#250878

Hello,

Can you please recommend the size of image to use as a background image that would not fill the entire webpage, just the width of the widget.

For example a banner across the top of a page.

Thanks,

Harry

[Harry]

Harry

#250878

Hello,

Can you please recommend the size of image to use as a background image that would not fill the entire webpage, just the width of the widget.

For example a banner across the top of a page.

Thanks,

Harry

[Hannah]

Hannah

#250512

Hey,
Try changing that css to this:

@media (min-width: 992px) { 
.main-container {width:100%;max-width:90%;} #page, .container {width:90%} 
}

Let me know how that works for you!

Hannah

[Sanket Tripathi]

Sanket Tripathi

#250489

I am using this custom css provided by you for 100% page width from 1+ year.
.main-container {width:100%;max-width:100%} #page, .container {width:100%}

but now i added a side menu in my website which covering my page content so i want 100% page width but with left padding or margin (not sure about padding margin)

kindly see this url on pc for Better Understanding

i added this sidebar menu only for pc not for mobile users so in mobile page with 100% but in pc you will understand better after see the page above mentioned.

kindly help me if possible

[Sanket Tripathi]

Sanket Tripathi

#250489

I am using this custom css provided by you for 100% page width from 1+ year.
.main-container {width:100%;max-width:100%} #page, .container {width:100%}

but now i added a side menu in my website which covering my page content so i want 100% page width but with left padding or margin (not sure about padding margin)

kindly see this url on pc for Better Understanding

i added this sidebar menu only for pc not for mobile users so in mobile page with 100% but in pc you will understand better after see the page above mentioned.

kindly help me if possible