unwanted space on event pages

i have some white space in the middle of event pages although i have content and pictures placed at the top of the page on dashboard. what creates this space before the content on the page:http://itef.kalemkultur.com/?page_id=237
plus it exists on the pages that come in the demo content. for instance i didnt change anything on the content area on this page: http://itef.kalemkultur.com/?page_id=137

also, how can i get rid of the social media icons placed just under the headline on the event pages? or should i ask this in another post?

If you want to remove social icons, please go to Appearance -> Customize -> Features section and uncheck "Event Page Social Icons" option.

Regarding the space - I'm not sure which space, under the featured image? Could you take a screenshot and mark this area?

i marked the area with black box, see the attachment please...

when i bugged this page, it seems that there is a white picture on the top. but there is nothing on the dashboard...

This gray space is a picture (featured image), all images are replaced into blank/gray ones in theme packages. Please edit this page and change featured image.
http://www.wpbeginner.com/beginners-gui ... wordpress/

regarding the social icons on event pages.... my boss wanted to keep twitter and facebook but not google plus... so how can i get rid of just the last one and keep the two?

Hi,

Please edit Events/content-header.php file and remove this fragment:

Code: Select all

<div class="entry-gplus-button">
         <div class="g-plusone" data-size="tall"></div>
         <?php
               $lang = explode('-', get_bloginfo('language'));
            $lang = $lang[0];
            ?>
         <script type="text/javascript">                             
         window.___gcfg = {lang: '<?php echo $lang; ?>'};
         
         (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/platform.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
         })();
         </script>
      </div>
      
      <?php do_action('events_after_gplus_icon'); ?>


i removed those codes and on the file when i searched the word 'gplus' on the file nothing comes up. but the gplus icon is still there:http://itef.kalemkultur.com/?page_id=111

i cleared history before i check it in different browsers

Send me a PM with FTP access, then I'll be able to check the issue.

If you want to remove the icon from Events pages, please remove this fragment from template.event.php file (it's already done in your file).

yes that was my intention, thank you for fixing it and also mentioning the solution here.

there is one more issue about the featured images in the event pages. when a featured image is added to an event page it becomes like a little box/square on the frontpage, on the events calendar page (here the red one:http://itef.kalemkultur.com/)thanks to the shortcodes. but when clicked on one of the events, on the event page the featured image appears just in the middle in big size (like the one here:http://itef.kalemkultur.com/?page_id=2267). so just for the event pages, is it possible to get rid of this big featured image on the events page but to keep it like a little box on the events calendar page (i mean the page under the frontpage with those little boxes...)?

Yes, it's possible, try to add the following code into your css/override.css file:

Code: Select all

.event-page .entry-thumbnail img {
    max-width: none;
    width: auto;
}


I added the code but i still have the picture on the event page.... here is how override.css file looks after added the above code:

/**
*
* -------------------------------------------
* Custom CSS changes
* -------------------------------------------
*
**/

/* Here you can put your CSS modifications using the Child Theme */
#gk-header-mod {
background-size: cover;
}

.event-page .entry-thumbnail img {
max-width: none;
width: auto;
}

here is an example page: http://itef.kalemkultur.com/?page_id=3010

after adding the code i also readded the featured image but it didnt help. so what was my wrong step?

maybe i can change some codes on template.event.php or style.css to get rid of the big picture on event pages? well, inside template.event.php there are some codes containing similar words with the one you gave but i do not know where to change and how to chnage.....

Hi,

but this code works properly, please check your event:
http://itef.kalemkultur.com/?page_id=2267

now the image depends on the uploded image size,

on this page:
http://itef.kalemkultur.com/?page_id=3010
the image is much bigger.

well, i see now. the code you send does not enlarge the image i use. but keeps it as it is on the event page. so, there isnt a way to get rid of it, right? i mean from the event page

I'm not sure if i understand, so you want to remove this image completely?
http://itef.kalemkultur.com/?page_id=3010

it's enough to edit this page and remove featured image.

no actually. after thinking on it, i realized that the thing i want is a little bit unlogical.... so i will go with the code you send. thanks for it..... i guess it is not possible to place the featured image into the center of the page or align the text somehow?

Image have to be in first place, but you can center it horizontally by adding the following css code:

Code: Select all

.entry-thumbnail {
   text-align: center;
}


image in the center is better, thanks a lot for the code....