Page 244 – Support | Kriesi.at – Premium WordPress Themes

Viewing 30 results - 7,291 through 7,320 (of 142,938 total)

← 1 2 3 … 243 244 245 … 4,763 4,764 4,765 →

Author

Search Results
November 7, 2023 at 2:36 pm #1424919

Topic: Sticky page chapter menu

in forum Enfold

frb1
Participant

Hi Kriesi,

Can you recommend and workaround for a page menu that is sticky? Simply a menu with chapter titles on a specific page that send the user to a specific achor (content ID) on the same page – and does not disappear on scroll?

I thought of putting it in the sidebar, but this has no sticky feature…
It could also just be a column with links in the top of the page that I somehow make sticky if possible…
(if not possible i’ll stick with non-stickyness)

BR,
Frederik

November 7, 2023 at 12:34 pm #1424911

Topic: contact info

in forum Pre Sale Questions

Beth Carter
Guest

If I have a question involving a user issue and I have a purchase code and took the time to set up a Kriesl account how do I contact someone to help with the issue? I’ve looked everywhere. I’m trying to watch this simple tutorial to learn how to put the full width easy slider at the top but it says private content and will not allow me to see it.

Fullwidth Easy Slider

It seems it wouldn’t be hard to figure out how to do it.
Thank you for your help.
Beth

November 7, 2023 at 12:23 pm #1424910

Topic: autoplay youtube

in forum Enfold

HenkN
Participant

I’m probably not the first one asking, but cannot find the answer in the forum.

I want a autoplay, mute and loop of a Youtube video using the video media element (so not as background in color section).

I tried https://www.youtube.com/embed/eZGJsR1hgWY?feature=oembed&autoplay=1&loop=1&mute=1
and https://www.youtube.com/watch?v=eZGJsR1hgWY&autoplay=1&loop=1&mute=1
But nothing works. Video plays with the standard settings watch?v=…, but I can’t get it autplay and muted.

November 7, 2023 at 12:04 pm #1424907

In reply to: Cookie message and buttons at the same line
Mike
Moderator
Hi,
When I check gruetter-innenausbau.ch the mobile looks as you wish right now:

So if you only want the text and buttons to be side-by-side on desktop, like this:

then you would use this css:
```
@media only screen and (min-width: 1920px) { 
.avia-cookie-consent .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.avia-cookie-consent .avia_cookie_text {
  flex: 1;
  white-space: normal;
  margin: 0;
}

.avia-cookie-consent .avia-button {
  display: inline-block;
}
}
```
Please note that the css only begins at min-width: 1920px, if you want it to begin earlier then please adjust. I tested this on gruetter-innenausbau.ch, see the above screenshots, if you are still having problems perhaps you have an error in your other css like a missing bracket, try adding this css to the WordPress ▸ Customize ▸ Additional CSS, assuming you have no other css there, otherwise please examine and test your other css for errors.

Best regards,
Mike
November 7, 2023 at 10:31 am #1424903

Topic: Mobile Text Missing

in forum General Questions

refractiv
Participant

Hello

I’ve inherited your theme for a new client and when we update the homepage text it doesn’t add the new text in mobile view, where is that held please, do I need to update it in a different location? This only seems to happen on the home page.

https://snipboard.io/yBa3eJ.jpg – shows missing text on mobile view
https://snipboard.io/wf3kR2.jpg – show with the text on desktop view

many thanks

November 7, 2023 at 10:00 am #1424893

In reply to: General website padding on mobile viewport

Rikard
Keymaster

Hi,

Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

November 7, 2023 at 9:04 am #1424884

In reply to: how to use the imported fonts of the theme in the layer slider?

abix
Participant

“did you make sure to select it as both the heading and body font”
Yes, I did, as I wrote in my initial posting.

I think I set all elements in (Enfold > General Styling and) Enfold > Advanced Styling to the uploaded font.
But as every element needs to be picked individually for editing it is not straight forward to stay on top of things. Therefore could you please let me know where to find the respective css files which are modified by these two UI configurations? It would be easier to search for the font names in an editor.

Best Regards,
ABIX

November 7, 2023 at 8:49 am #1424882

In reply to: Sektion H1 Problem
Guenni007
Participant
… sorry – soon there will be something more informing …

edit. a quick way is to replace that enfold h1 tag with jQuery in your child-theme functions.php:
or – maybe better try to change the heading in your shortcode of the plugin.
```
function breadcrumb_change_tag(){
?>
<script type = "text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
	(function($) {
	  $("#top #main .title_container .main-title").contents().unwrap().wrapAll('<div />');
	})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'breadcrumb_change_tag');
```
but i guess we can influence the heading via filter : avf_title_args – …
if there is a possiblility to influence the building of an element – it is alway better than to change it afterwards – so use the next solution instead.
November 7, 2023 at 7:50 am #1424879

In reply to: Cookie message and buttons at the same line

YourChoice Informatik GmbH
Participant

Hi Mike
Yes, on gruetter-innenausbau.ch I didn’t add your CSS code yet.
So when I add your code, I have the same problem, on desktop the buttons are right of the text but the text uses two lines because it does not use the whole width for the text.
But it seems that this can not be solved?
Best regards
Mike

November 7, 2023 at 4:16 am #1424857

Topic: Maintenance Mode

in forum Enfold

jnightingale
Participant

Hi,
In the backend, my home page says the following at the top: This page is selected to be displayed as maintenance mode page but is not active at the moment. (Set in Enfold » Theme Options). (Change)

The problem is is that the page isn’t set to maintenance mode, and it is active, because you can see it at Wichitagym.com.

Can you please advise? Am I missing something?
Thanks!
Justine

November 7, 2023 at 3:42 am #1424852

In reply to: Change menu and sub menu font color specific for each page
Nikko
Inactive Moderator
Hi BenjaminSpeedtsberg,

It’s possible, you can add this in Enfold > General Styling > Quick CSS:
```
#top #header:not(.av_header_transparency) {
    position: absolute;
    padding-top: 15px;
}

#top :not(.av_header_transparency) .header_bg {
    background-color: transparent;
    opacity: 0;
}

#top :not(.av_header_transparency) li a .avia-menu-text {
    color: black;
}
```
As for the logo, we can’t change the color of the image but we can add a background color to it:
```
#top #header:not(.av_header_transparency) .logo {
    background-color: black;
    border-radius: 10px;
}
```
Hope it helps.

Best regards,
Nikko
November 7, 2023 at 3:02 am #1424846

In reply to: General website padding on mobile viewport
Nikko
Inactive Moderator
Hi S,

Please try to add this CSS Code in Enfold > General Styling > Quick CSS:
```
@media only screen and (max-width:767px) {
    .responsive #top #wrap_all .container {
        width: 90%;
        max-width: 90%;
    }
}
```
The default value is 85%, just adjust the value as you see fit.
Hope it helps.

Best regards,
Nikko
November 7, 2023 at 2:42 am #1424844

In reply to: Sidebar on page is displayed at the end before the footer

Nikko
Inactive Moderator

Hi diogovareta,

Please let us know if you still need further assistance for this topic.

Best regards,
Nikko

November 7, 2023 at 2:25 am #1424841

In reply to: Offset smooth scroll shrink sticky header

stephenoconnor
Participant

thanks for input Guenni007 – hoping to get to the bottom of this – i think as per this post (https://kriesi.at/support/topic/adding-offset-value-to-smooth-scrolling-anchor-links/) it has control inside avia.js somewhere around this part: the function ( ” $.fn.avia_smoothscroll = function(apply_to_container) ” )

logically:

1. if enfold has shrinking header, let’s say height: 45px
2. then anchor link scrolls to anchor location – 45px (minus 45px)
3. if enfold has no shrinking header, let’s say height 90px
4. then anchor link scrolls to anchor location -90px (minus 90px)
5. i want to adjust to adjust the “scroll-to” position so that it scrolls all the way to anchor position (not anchor position minus header height)

November 6, 2023 at 10:29 pm #1424838

Topic: avoid current-menu-item change on scroll

in forum Enfold

Guenni007
Participant

if you got an ID on a given page that is part of another top-level menu item and you scroll to that f.e. section and the id comes into focus – the highlight is changed to that top-level menu-item.

how to avoid that and have top-level hightlight only on clicked items?

November 6, 2023 at 9:13 pm #1424832

Topic: How to remove the blog image

in forum Enfold

gb
Participant

Hi,
Not sure which settings to adjust with the following issue involving the blog layout. The featured image is automatically applied to the top of the post, however, it is cropped, not the full image.

Below is a link to see the issue, there are two posts, click either and see that the featured image is added into the post automatically but is cropped.

So I have to add the image in the post.

Blog

How do I get it so the cropped image is not added?

Thanks,

GB

November 6, 2023 at 9:09 pm #1424831

Topic: Size of Text on Homepage Hero Image on Mobile

in forum Enfold

jnightingale
Participant

Hi, I am working on this website (http://wichitagym.com/). The words, Welcome to Wichita Gymnastics! This is the place for your child!, look great on a desktop, but they are way too big on a phone. Can you please tell me how to fix this so you can see them all, or they aren’t too big to fit?
Thank you!
Justine

November 6, 2023 at 7:43 pm #1424822

In reply to: reCAPTCHA v3 Not Working in Popup

NicomIT
Participant

Hi Ismael,
I spoke with WPCF7 support (see the link below) and they suggested deactivating Enfold, activating one of the default WordPress themes and deactivating all plugins except for CF7. I activated the Twenty Twenty theme and tested the pop-up/form with all the plugins active. When I did that, I could see the reCAPTCHA load on the home page and the test submission I did with the form in the pop-up worked with no issues.

I included a link to the staging copy of the website that has Twenty Twenty active and you can see the reCAPTCHA at the bottom of the page. I can reactivate Enfold once you have had a look. But it does look like this is something to do with Enfold. If you can please look into it further, it would be appreciated. Thanks.

https://wordpress.org/support/topic/recaptcha-v3-not-working-in-popup/#post-17179056

November 6, 2023 at 6:38 pm #1424815

In reply to: Offset smooth scroll shrink sticky header

Mike
Moderator

Hi,
Thanks for the link to your page, your page is not long enough for the blue section to reach the top of the page.
Try adding more content at the bottom so when you scroll the blue section can reach the top of the page.

Best regards,
Mike

November 6, 2023 at 4:45 pm #1424802

In reply to: Remove delay when jumping to a section on a page with animated columns

Rikard
Keymaster

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

November 6, 2023 at 1:23 pm #1424784

In reply to: Offset smooth scroll shrink sticky header
stephenoconnor
Participant
Look at this link here: https://stepheno274.sg-host.com/ and then here: https://stepheno274.sg-host.com/#scroll – see how i want it to have no green at the top – i want it to go to the start of the blue section instead
- This reply was modified 2 years, 5 months ago by stephenoconnor.
November 6, 2023 at 1:13 pm #1424781

Topic: Universal button custom styling

in forum Enfold

frb1
Participant

Hi Kriesi,

Just wanted to add some universal styles to all buttons in our site (sliderbuttons, general content buttons etc.)
I wish to have two looks. A light and a dark.

I’m trying to follow: https://kriesi.at/documentation/enfold/button/#toggle-id-12
But can’t find the “custom CSS class name support” under “layout builder”, and can’t find a topic in here that enlightens me…

Can you help?
Right now i’m designing each botton style like this, which seems not be be a good idea:
.avia-button {
font-size: 0.8em !important;
text-transform: uppercase;
color: #ffffff !important;
padding-left: 1.4em !important;
padding-right: 1.4em !important;
padding-top: 1em !important;
padding-bottom: 1em !important;
font-weight: 400 !important;
letter-spacing: 0.3em;
background-color: #232323 !important;
border: 1px solid #232323 !important;
border-radius: 0px !important;
}
.avia-slideshow-button {
font-size: 0.8em !important;
color: #232323 !important;
padding-left: 1.4em !important;
padding-right: 1.4em !important;
padding-top: 1em !important;
padding-bottom: 1em !important;
font-weight: 400 !important;
letter-spacing: 0.3em;
background-color: #fff !important;
border: 1px solid #fff !important;
border-radius: 0px !important;
}
.avia-slideshow-button:hover {
padding-left: 1.4em !important;
padding-right: 1.4em !important;
padding-top: 1em !important;
padding-bottom: 1em !important;
opacity: 1 !important;
font-size: 0.8em !important;
color: #77855a !important;
font-weight: 400 !important;
letter-spacing: 0.3em;
background-color: #fff !important;
border: 1px solid #fff !important;
border-radius: 0px !important;
}

November 6, 2023 at 1:01 pm #1424780

In reply to: Show a default search field instead of search icon

SHR Design
Participant

Hi Mike

The following seems like the easiest method.

1-
I turned off Append Search Icon To Main Menu in the Enfold Theme Options.

2-
WooCommerce -> FiboSearch -> Starting.
Turned off the Search bars to replace Enfold with the FidoSearch.

3-
Added the Custom Link FiboSearch bar to the menu her.
Used Layout: Default. Menu Style: Default.

Results. Search field or Search icon can for a very short moment be seen to the left of the top menu here. Just to the left of the Hjem / Home menu item.
https://labhuset.no/

I do not know what is going on there.

November 6, 2023 at 3:14 am #1424745

Topic: Removing “post-meta-infos” completely

in forum Enfold
adapt
Participant
Hi there

In the Enfold “Blog Layout” (under Theme Options) you can choose to toggle on/off displaying things like “Blog Post Author“, “Blog Post Comment Count” etc.

I do not wish to display any of this, so I’ve toggled them off in the settings.

However, when turning all elements off, there are still 2 border lines visible at the bottom of the post page (above the social share elements). I’d like to remove this completely.

Using the browser “Inspect” tool, the CSS appears to be referenced at:
```
.html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta {
    display: block;
    text-align: center;
    padding: 10px 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 40px;
    width: 100%;
    clear: both;
    float: left;
}
```
How can I remove this completely…..or at the very least for “.post-meta-infos“, which I believe is the one it applies to in this instance?

I’m assuming it’s bad form to simply delete this from the main CSS file, so what’s the best way (good coding practice) to do this?
November 5, 2023 at 7:44 pm #1424733

In reply to: Catalogue: move thumbnail on top of Title/Content on mobile view
Mike
Moderator
Hey Angelo,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
@media only screen and (max-width: 767px) { 
#top .av-catalogue-list .av-catalogue-item-inner {
	width: 100%;
}
#top .av-catalogue-list .av-catalogue-title,
#top .av-catalogue-list .av-catalogue-content {
	padding: 0;
}
}
```
After applying the css, please clear your browser cache and check.

Best regards,
Mike
November 5, 2023 at 7:23 pm #1424732

Topic: Catalogue: move thumbnail on top of Title/Content on mobile view

in forum Enfold

mistermagoo8691
Participant

Hi! I’ve just used the “Catalogue” component to show some of my trails, and I am quite satisfied with the result on desktop:
desktop view

See how terrible it is on mobile, though:
mobile view

This is the page: https://www.sentierigressoney.it/prova/

Can you please make your CSS magic to move the thubmnail ABOVE Title/Content, while on mobile?
Possibly I would like to have 2 options for the thumbnail: horizontally centered, OR set on the left.

Thanks folks!
Bye,
A.-

November 5, 2023 at 7:18 pm #1424731

In reply to: Enfold: Style von Kali Forms anzeigen Contact Form
Mike
Moderator
Hi,
Thank you for the link to your site, I added this custom css to your WordPress ▸ Customize ▸ Additional CSS and now the kaliforms form seem to be as you wish:
```
#top .main_color .kaliforms-form-container.rounded-borders input[type=color], #top .main_color .kaliforms-form-container.rounded-borders input[type=date], #top .main_color .kaliforms-form-container.rounded-borders input[type=datetime-local], #top .main_color .kaliforms-form-container.rounded-borders input[type=datetime], #top .main_color .kaliforms-form-container.rounded-borders input[type=email], #top .main_color .kaliforms-form-container.rounded-borders input[type=month], #top .main_color .kaliforms-form-container.rounded-borders input[type=number], #top .main_color .kaliforms-form-container.rounded-borders input[type=password], #top .main_color .kaliforms-form-container.rounded-borders input[type=search], #top .main_color .kaliforms-form-container.rounded-borders input[type=tel], #top .main_color .kaliforms-form-container.rounded-borders input[type=text], #top .main_color .kaliforms-form-container.rounded-borders input[type=time], #top .main_color .kaliforms-form-container.rounded-borders input[type=url], #top .main_color .kaliforms-form-container.rounded-borders input[type=week], #top .main_color .kaliforms-form-container.rounded-borders select, #top .main_color .kaliforms-form-container.rounded-borders div[class=kali-forms-digital-signature], #top .main_color .kaliforms-form-container.rounded-borders textarea, #top .main_color .kaliforms-form-container.rounded-borders #kali-stripe-iban-element, #top .main_color .kaliforms-form-container.rounded-borders #kali-stripe-card-element {
    border-radius: 15px;
    padding-right: 15px;
    padding-left: 15px;
}
#top .main_color .kaliforms-form-container.input-with-bg input[type=color], #top .main_color .kaliforms-form-container.input-with-bg input[type=date], #top .main_color .kaliforms-form-container.input-with-bg input[type=datetime-local], #top .main_color .kaliforms-form-container.input-with-bg input[type=datetime], #top .main_color .kaliforms-form-container.input-with-bg input[type=email], #top .main_color .kaliforms-form-container.input-with-bg input[type=month], #top .main_color .kaliforms-form-container.input-with-bg input[type=number], #top .main_color .kaliforms-form-container.input-with-bg input[type=password], #top .main_color .kaliforms-form-container.input-with-bg input[type=search], #top .main_color .kaliforms-form-container.input-with-bg input[type=tel], #top .main_color .kaliforms-form-container.input-with-bg input[type=text], #top .main_color .kaliforms-form-container.input-with-bg input[type=time], #top .main_color .kaliforms-form-container.input-with-bg input[type=url], #top .main_color .kaliforms-form-container.input-with-bg input[type=week], #top .main_color .kaliforms-form-container.input-with-bg select, #top .main_color .kaliforms-form-container.input-with-bg div[class=kali-forms-digital-signature], #top .main_color .kaliforms-form-container.input-with-bg textarea, #top .main_color .kaliforms-form-container.input-with-bg #kali-stripe-iban-element, #top .main_color .kaliforms-form-container.input-with-bg #kali-stripe-card-element {
    box-shadow: none;
    background-color: #f2f2f2;
}
#top .main_color .kaliforms-form-container .row>div>input[type=color], #top .main_color .kaliforms-form-container .row>div>input[type=date], #top .main_color .kaliforms-form-container .row>div>input[type=datetime-local], #top .main_color .kaliforms-form-container .row>div>input[type=datetime], #top .main_color .kaliforms-form-container .row>div>input[type=email], #top .main_color .kaliforms-form-container .row>div>input[type=month], #top .main_color .kaliforms-form-container .row>div>input[type=number], #top .main_color .kaliforms-form-container .row>div>input[type=password], #top .main_color .kaliforms-form-container .row>div>input[type=search], #top .main_color .kaliforms-form-container .row>div>input[type=tel], #top .main_color .kaliforms-form-container .row>div>input[type=text], #top .main_color .kaliforms-form-container .row>div>input[type=time], #top .main_color .kaliforms-form-container .row>div>input[type=url], #top .main_color .kaliforms-form-container .row>div>input[type=week], #top .main_color .kaliforms-form-container .row>div>select, #top .main_color .kaliforms-form-container .row>div>textarea {
    margin-bottom: 1rem;
}
#top .main_color .kaliforms-form-container label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
#top .main_color .kaliforms-form-container label {
    display: block;
    font-weight: normal;
    color: #0a0a0a;
}
#top .main_color .kaliforms-form-container.bootstrap-wrapper .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: -15px;
    margin-left: -15px;
}
#top .main_color .kaliforms-form-container.bootstrap-wrapper .col-1, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-2, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-3, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-4, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-5, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-6, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-7, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-8, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-9, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-10, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-11, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-12, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-auto, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-1, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-2, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-3, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-4, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-5, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-6, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-7, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-8, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-9, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-10, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-11, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-12, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-sm-auto, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-1, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-2, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-3, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-4, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-5, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-6, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-7, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-8, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-9, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-10, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-11, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-12, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-auto, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-1, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-2, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-3, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-4, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-5, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-6, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-7, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-8, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-9, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-10, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-11, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-12, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-lg-auto, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-1, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-2, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-3, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-4, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-5, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-6, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-7, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-8, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-9, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-10, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-11, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-12, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl, #top .main_color .kaliforms-form-container.bootstrap-wrapper .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px){
#top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media (min-width: 768px){
#top .main_color .kaliforms-form-container.bootstrap-wrapper .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}
#top .main_color .kaliforms-form-container .row div[class^=col-], #top .main_color .kaliforms-form-container .row div[class*=" col-"] {
    margin-bottom: 15px;
}
```
please clear your browser cache and check.

Best regards,
Mike
November 5, 2023 at 1:17 pm #1424720

In reply to: Picture on top of slideshow
Mike
Moderator
Hi,
Thank you for the link to your site and the screenshot, I couldn’t find the exact path to your “kundenberatung23.jpg” image, so I tested with the image I could find linked below.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
#top.home #full_slider_1::before {
  content: "";
  position: absolute;
  top: 10%;
  right: 10%;
  width: 181px;
  height: 304px;
  background-image: url('kundenberatung23.jpg');
  background-size: cover;
  z-index: 999; 
}
```
and change the image url to the full path of the correct image, please see my screenshot of the expected results below.
If you need further assistance please include an admin login in the Private Content area so we can be of more help.

Best regards,
Mike
November 5, 2023 at 4:47 am #1424706

Topic: customize category and blog page

in forum Enfold

rqn
Participant

I have encountered a couple of customization needs for my blog’s category pages:

I would like to add content created with the Advanced Layout Builder to my blog’s category pages, similar to the ‘color section’. Specifically, I’m aiming to add a full-width header at the top of the content, similar to what is possible on other pages.

Additionally, I am looking to set up different headers for each category. For example, I want to have one header for ‘News’ and another for the ‘Representative Column’ (or whatever the exact category name is). I also want this header setup to apply to the article pages linked to each category, meaning ‘News’ posts would have the ‘News’ header and ‘Representative Column’ posts would have the ‘Representative Column’ header.

In the sidebar where the categories are displayed, I would like to ensure that they do not appear in each other’s listings.

Could you guide me on whether these customizations are possible and how I might implement them?

Thank you for your assistance.

November 4, 2023 at 11:07 pm #1424702

In reply to: URL
Mike
Moderator
Hi,
Try this CSS instead, in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
#top .entry-content a {
  text-decoration: underline;
  color: #a8ca6d;
}
```
Best regards,
Mike
Author

Search Results

Viewing 30 results - 7,291 through 7,320 (of 142,938 total)

← 1 2 3 … 243 244 245 … 4,763 4,764 4,765 →

Follow us on Facebook

Kriesi13.000+ likes

Open facebook page

Join our Facebook community

Subscribe to our Newsletter