popeye theme text width in blog posts
-
- Jr. Bludit
- Posts: 3
- Joined: Wed Sep 20, 2023 10:31 pm
hello guys, i am using the popeye theme and I was wondering if i can make the width of the text in the posts bigger. I have searched in the docs and couldnt figure it out myself.
- CCDzine
- Ssr. Bludit
- Posts: 13
- Joined: Thu Sep 07, 2023 11:49 pm
- Location: Sierra Nevada Mountains, Califonia
- Has thanked: 3 times
- Been thanked: 6 times
- Contact:
The width comes from the Bootstrap stylesheet.
Change instances of '50%' to what you like. Or better to override with your own, additional stylesheet.of a style block in the <head>.
Code: Select all
@media (min-width: 992px) {
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
Greg Sweet
-
- Jr. Bludit
- Posts: 3
- Joined: Wed Sep 20, 2023 10:31 pm
I tried to add this to HTML Code , head header and footer with this but nothing happens:
@media (min-width: 992px) {
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 75%;
}
}
@media (min-width: 992px) {
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 75%;
}
}
- CCDzine
- Ssr. Bludit
- Posts: 13
- Joined: Thu Sep 07, 2023 11:49 pm
- Location: Sierra Nevada Mountains, Califonia
- Has thanked: 3 times
- Been thanked: 6 times
- Contact:
Did you put it in a style element?
Code: Select all
<style>
@media (min-width: 992px) {
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 75%;
}
}
</style>
Greg Sweet
-
- Jr. Bludit
- Posts: 3
- Joined: Wed Sep 20, 2023 10:31 pm
i am not sure what you mean. where do i have to add it and what?
- Edi
- Site Admin
- Posts: 3121
- Joined: Sun Aug 09, 2015 5:01 pm
- Location: Zurich
- Has thanked: 54 times
- Been thanked: 78 times
- Contact:
You have to define the code as CSS at the beginning with
and at the end with
See for example:
https://www.w3schools.com/html/html_css.asp
By the way: W3Schools is a great source to learn CSS.
Code: Select all
<style>
Code: Select all
</style>
https://www.w3schools.com/html/html_css.asp
By the way: W3Schools is a great source to learn CSS.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
- indocreativemedia
- Jr. Bludit
- Posts: 1
- Joined: Sun Sep 24, 2023 5:09 am
Hi,
We would like to suggest different method that might be easier to do, using javascript.
Steps to implement this method:
1. Activate plugin HTML Code (skip this if plugin already activated)
2. Put this code to Footer section:
3. Save and check your website.
Note:
a). As far as we checked, there's only 1 instance of col-lg-6 on popeye theme, so this method is safe to be implemented.
b). if the new width still not as to your liking, change "col-lg-8" with higher number up to maximum of 12, for example: "col-lg-9" or "col-lg-10" etc.
We would like to suggest different method that might be easier to do, using javascript.
Steps to implement this method:
1. Activate plugin HTML Code (skip this if plugin already activated)
2. Put this code to Footer section:
Code: Select all
<script>
$(".col-lg-6").removeClass("col-lg-6").addClass("col-lg-8");
</script>
Note:
a). As far as we checked, there's only 1 instance of col-lg-6 on popeye theme, so this method is safe to be implemented.
b). if the new width still not as to your liking, change "col-lg-8" with higher number up to maximum of 12, for example: "col-lg-9" or "col-lg-10" etc.
indocreativemedia.com > web design with love