WordPress Website Templates

Find Professional WordPress themes Easy and Simple to Setup

inner banner

Most popular

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #6910
    Yuliya Lebedeva
    Participant

    Hello? can I enlarge quantity of rows and columns in section Popular. How can I change this code
    [column_content type=”one_fourth”]

    Beauty

    Lost In Your Dreams

    [/column_content]

    [column_content type=”one_fourth”]

    Travel

    Aventure with friends

    [/column_content]

    [column_content type=”one_fourth”]

    Fashion

    Summer Shopping

    [/column_content]

    [column_content type=”one_fourth_last”]

    Lifestyle

    Beauty Culture

    [/column_content]

    #6911
    Yuliya Lebedeva
    Participant

    And please, help me to change this – line-height: 22px; in style.css

    #6914
    Grace Themes
    Member

    Hi

    You can simply repeat the code to display multiple fields in this section

    Use below shortcode to display 8 images/text in two rows

    [column_content type="one_fourth"]
    	<a href="#" class="hvr-rectangle-out"><img src="http://yoursitename.com/wp-content/themes/beautiplus-pro/images/defaultimg01.jpg"/></a>
    	<h3 class="subtitle">Beauty</h3>
    	<h3 class="title">Lost In Your Dreams</h3>
    [/column_content]
    
    [column_content type="one_fourth"]
    	<a href="#" class="hvr-rectangle-out"><img src="http://yoursitename.com/wp-content/themes/beautiplus-pro/images/defaultimg02.jpg"/></a>
    	<h3 class="subtitle">Travel</h3>
    	<h3 class="title">Aventure with friends</h3>
    [/column_content]
    
    [column_content type="one_fourth"]
    	<a href="#" class="hvr-rectangle-out"><img src="http://yoursitename.com/wp-content/themes/beautiplus-pro/images/defaultimg03.jpg"/></a>
    	<h3 class="subtitle">Fashion</h3>
    	<h3 class="title">Summer Shopping</h3>
    [/column_content]
    
    [column_content type="one_fourth_last"]
    	<a href="#" class="hvr-rectangle-out"><img src="http://yoursitename.com/wp-content/themes/beautiplus-pro/images/defaultimg04.jpg"/></a>
    	<h3 class="subtitle">Lifestyle</h3>
    	<h3 class="title">Beauty Culture</h3>
    [/column_content]
    
    [column_content type="one_fourth"]
    	<a href="#" class="hvr-rectangle-out"><img src="http://yoursitename.com/wp-content/themes/beautiplus-pro/images/defaultimg01.jpg"/></a>
    	<h3 class="subtitle">Beauty</h3>
    	<h3 class="title">Lost In Your Dreams</h3>
    [/column_content]
    
    [column_content type="one_fourth"]
    	<a href="#" class="hvr-rectangle-out"><img src="http://yoursitename.com/wp-content/themes/beautiplus-pro/images/defaultimg02.jpg"/></a>
    	<h3 class="subtitle">Travel</h3>
    	<h3 class="title">Aventure with friends</h3>
    [/column_content]
    
    [column_content type="one_fourth"]
    	<a href="#" class="hvr-rectangle-out"><img src="http://yoursitename.com/wp-content/themes/beautiplus-pro/images/defaultimg03.jpg"/></a>
    	<h3 class="subtitle">Fashion</h3>
    	<h3 class="title">Summer Shopping</h3>
    [/column_content]
    
    [column_content type="one_fourth_last"]
    	<a href="#" class="hvr-rectangle-out"><img src="http://yoursitename.com/wp-content/themes/beautiplus-pro/images/defaultimg04.jpg"/></a>
    	<h3 class="subtitle">Lifestyle</h3>
    	<h3 class="title">Beauty Culture</h3>
    [/column_content]
    #6915
    Grace Themes
    Member

    To increase the line height of website text

    Go to Appearance -> Editor -> style.css file
    at line no 19 you will find the below css code.
    Just simply change height in: line-height:22px;

    body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:22px; margin:0; padding:0; color:#6e6d6d; font-size:13px; font-family:'Lato', sans-serif; }

    Regards
    Grace Themes

    #6938
    Yuliya Lebedeva
    Participant

    Thank you!!!!

    #6939
    Yuliya Lebedeva
    Participant

    Please, help me again – it is my syte
    http://fotolebedev.ru/portfolio/
    My trouble is bottom lines – they are not exactly located.

    #6940
    Grace Themes
    Member

    Hi

    Go to Appearance -> Theme Options -> Basic Settings -> Custom CSS
    and add below css code in custom css box

    .one_fourth { min-height: 360px; }

    Regards
    Grace Themes

    #6942
    Yuliya Lebedeva
    Participant

    Thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    You are very helped me!!!!!

    #6946
    Grace Themes
    Member

    You are most Welcome..!

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.